00% illustration: Tutorials on Photoshop, FreeHand, Illustrator and CorelDRAW 


illustration | 


...with our 100-page 
guide for digital artists 


101 tips for all professional illustrators 
45 pages of new software tutorials 
INSPIRATION Designers Republic speak 


EASY PEASY JAPANESEY. 
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from £99.99 


marae 
RedHat Linux is the ines 
standard operating system for 
web hosting & Internet services, 
serving some of the world's 
largest & most complex web 
sites. RedHat Linux has the 
power, reliability & value for 


money you have been looking for. 


Linux Special 


Celeron 667 MHz, 20GB UltraDMA Disk, 
128MB SDRAM, 5GB Bandwidth p.m. 
RedHat Linux 0S 


Linux Professional 


Intel Pentium II! 800MHz, 2x206B 
UltraDMA Disks, 256MB SDRAM, 
15GB Bandwidth p.m. 
RedHat Linux 0S 


Linux Ultra Il 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAIDI, 512MB 
SDRAM, 35GB Bandwidth p.m. 
RedHat Linux OS 


from £199.99 


Microsoft Windows is the choice 
of many small businesses & 
large corporations. Ideal for 
MSCPs, MCSEs, Visual Basic 
programmers & projects that 
require ASP SQL or Office 

components. We manage 
hundreds of Windows servers, 
giving you confidence that your 
web server is in the best hands. 


Windows Special 


Celeron 667MHz, 20GB UliraDMA Disk, 
128MB SDRAM, 5GB Bandwidth p.m., 
Windows 2000 or NT4 


Windows Professional 


Intel Pentium Ill 800MHz, 2x20GB 
UltraDMA Disks, 256MB SDRAM 
15GB Bandwidth pm 
Windows 2000 or NT4 


Windows Ultra II 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAIDI, 512MB 
SDRAM, 35GB Bandwidth p.m 
Windows 2000 or NT4 


from £99.99 


MONTE 
The Single Site Server is as easy 
to use as a virtual server, including 
all the features you are familiar 
with, but on a standalone 
dedicated web server that gives 
you the speed, scalability & 
redundancy that you have 
dreamed of. 


Single Site Special 
Celeron 667MHz, 20GB UltraDMA Disk, 


128MB SDRAM, 5GB Bandwidth p.m. 
Linux 0S with Virtual Control Panel 


Single Site Professional 


Intel Pentium {Il 800MHZ, 2x20GB 
UltraDMA Disks, 256MB ‘SDRAM, 
15GB Bandwidth p.m. 

Linux OS with Virtual Control Panel 


Single Site Ultra II 


Dual Intel Pentium Ill 1GHz, 2x18GB 
SCSI Disks running RAIDI, 512MB 
SDRAM, 35GB Bandwidth p.m. 
Linux OS with Virtual Control Panel 


from £99.99 


MON 

The original 'Web-in-a-box' 

solution for thousands of 

companies. Easy to use & 

easy to manage with the 
highest dedicated support level 
available. As a Cobalt True Blue 
Diamond partner, our customers 
benefit from the lowest prices, 

advanced sales literature & 

technical expertise. 


RaQ 4 128 


10.2GB Disk 
128MB SDRAM 
5GB Bandwidth p.m. 
Cobalt Linux 0S 


RaQ 4 256 


20.4GB Disk 
256MB SDRAM 
15GB Bandwidth p.m. 
Cobalt Linux 0S 


RAID RaQ 4 256 


2x206B Disks running RAID 
256MB SDRAM 
25GB Bandwidth p.m 
Cobalt Linux 0S 


.dedicated-servers.co.uk 
sales@dedicated-servers.co.uk 


from £99.99 


Locate your servers in our state 
of the art Data Centre. Simply 
choose between space for one 
server, a half rack or full rack 
of server space. We provide 
competitive bandwidth pricing, 
free reboots and an SLA. 


is the market leader. Sun se 
are built around the Sun Solari 
operating system & are ideal for 
customers who need a seriously 
heavy duty UNIX system. Sun 
Servers are also ideal for hosting 
demanding web sites, e-commerce 
enabled web shops, complex 
databases or Internet portals. 


SEE TEE EESTI, 
Co-location Special 
Rack space for your minitower 


or 19" rack server, 2 IP addresses, 
5GB Bandwidth p.m 


Sun Netra X1 128 


Sun Netra X1 System, 400MHz 
UliraSPARCII CPU, 20GB 7200RPM 
EIDE Disk, 128MB Memory DIMMS, 

Solaris 8 Installed, 15GB Bandwidth p.m 


Sun Netra X1 512 


Sun Netra X1 System, 400MHz 
UltraSPARCHI CPU, 20GB 7200RPM 
EIDE Disk, 512MB Memory DIMMS, 

Solaris 8 Installed, 25GB Bandwidth p.m 


Co-location Professional 


Half rack/20 Us of 19" rack server 
space, 15 100Mb Switch Ports / 
15 Power Sockets, up to 30 IP 

addresses, 40GB Bandwidth p.m 


Co-location Ultra 


Full rack/40 Us of 19” rack server 
space, 23 100Mb Switch Ports / 

23 Power Sockets, up to 60 IP 
addresses, 6568 Bandwidth p.m 


Sun Netra 


Sun Netra Tl Server, 440MHz 
UltraSPARC-I1 CPU with 2MB External 
Cache, 18GB 10000RPM UliraSCSI Disk, 
512MB Memory, Solaris 7 Installed, 
35GB Bandwidth p.m 
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PRICES EXCLUDE VAT AT 17.5% AND SETUP WHERE APPLICABLE. ALL TRADEMARKS ACKNOWLEDGED. E&0E 


PLUS PACKAGE 


only £199.99 


For a complete solution to your Web kosiny requirements, consider the benefits of adding the 
Plus package to your Dedicated Server. Available across all our Dedicated Servers, the Plus package 
offers outstanding value for money and total peace of mind 


Firewall 

The Dedicated Servers Firewall product allows customers to protect their machine against unwanted 
visitors. Via a web based control panel, you have the ability to allow or deny visitors based on rules 
that you set. You can add any number of rules that you wish to your Firewall system 


Backu 

An ‘ainoria decision when choosing your Dedicated Server is considering how you will back up the 
data on your new machine. Even though we use the best hardware that is available for all our servers, 
disks can occasionally fail, and in some cases the data on them may be lost. We strongly recommend 
our backup solutions using StorageTek tape libraries. This service includes: configuration of server side 
backup routine, 10GB of backup, tapes stored securely on site in a large fireproof safe, and free 
recovery of data in the event of data loss 


Advanced server monitoring 

For customers who require a more advanced level of server monitoring, upgrade to our Advanced 

Server Management produd. This product allows you to monitor any sci of services on your server 
including Telnet POP3 EMail, Web Server, FIP Server, Domain Name Server, Secure Web Server, SSH, 
Ping. You may also configure any number of additional services and decide how you want to be notified 
of a service failure, either EMail or SMS. Control this account feature in your Dedicated Control Panel 


Available as standard with all our Dedicated Servers is our guranteed Service Level Agreement (SLA) 


We pride ourselves on the highest levels of customer service & quality assurance, which is highlighted 
in four benefits of our SLA 


30 Minute Reboot Guarantee ” ‘\ 
Should your server stop responding, just visit our web based reboot request . 
form to get your server rebooted, within 30 minutes, 24/7, 365 days a year. ¢ L p 
99% Connectivity - Money Back Guarantee é %y 

We guarantee that our network will be available at least 99% of the time 


Prices Frozen - Forever! 
We guarantee never to put your prices up, ever, even if prices change for new customers 


Bandwidth Guarantee 

Unlike some of our competitors, we do not oversell bandwidth. At Dedicated Servers we guarantee that 
we have 1:1 contention ratio on bandwidth. This means that we will always have eh bandwidth 
to service every single customer at their full capacity 
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We challenge an illustrator to 
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> 
> 
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complete our commission without 
using any scanned material 


Same brief, different artist, and 
this time the illo uses only real 
world elernents and Photoshop 


In the first of two tutorials, we 
explore the powerful drawing tools 
from the full app on our CD 


Artist Domanic Li demonstrates 


“how he used /Mlustrator 9in a live 


project for Frontline magazine 


Sécurite 


twelve:ten design instruct you on 
how to create a stylish modern 
illustration using FreeHand 10 


Use the basic DRAW tools to 
create backgound imagery for an 
editorial illustration 


Making the best use of /llustrator’s 
advanced blending and 
transparency features 


Especially for our readers who 
bought issue 64 of Computer Arts, 
with the free copy of FreeHand 8 


08 


40 


Industry-insider info on portfolios, 
agents, finding clients, narning your 
price, self-promotion and more 


The story behind our cover... 


It’s time to rethink your view of 
vector-based drawing programs 


Save over £200 when you upgrade 


Looking for representation? We list 
some of the best in the UK 


48 


60 


72 


84 


“For me, the challenge was to work 
with the figure without resorting to 
realism or cliche,” says lan 


The successful British-born 
illustrator returns to London with 
an international perspective 


How movement, New York and 
travel keep this designer inspired 


“While I'm aware of trends ina 
loose context, | don't try and make 


on 


my work really trendy or ‘in 


ae Totally digital illos Using natural elements 80 | Illustrator tutorial Dan Oehl profiled 
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Your full version of Canvas 6 plus Stock up on any you've missed and compu ter 


SS, 


\ listings for the rest of the CD complete your collection f &* 
28 = a special 


Save £71, when you subscribe to 
Computer Arts and the Specials 


” 


Software and hardware for you 


: Subscriptions 
53 98 
i * e Eee CD problems 
Win over £2000 of Adobe software Photoshop inspiration... 
in our competition 
’ Advertising 
65 
.vand save £24 on 13 issues eaiesaal 
90 


The latest tomes for digital artists 


www.computerarts.co.uk 
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Enha 


VISION. 


Powerful tools for professional applications 


—_ aa 
ELSA GLoria III ECOMO 341 LCD ELSA Synergy 2000 
Internet Communications | Networking | Graphics Boards | Monitors ELSH 


www.elsa.co.uk 
0870 990 4242 


We bring more great value to 
readers of Computer Arts Special 
with a complete copy of Deneba’s 
Canvas 6 on our CD. To use the 
application, you will need to enter 
the following serial number while 
installing it: 


X121-DMMYX1062490 


Turn to page 44 to start learning 
how to use Canvas 6, and watch for 
part two of our tutorial in issue 68 
of Computer Arts, on sale 28 Feb. 
We recommend that you register 
your software at 


[w] http://ecoserv.deneba.com/ 
cv6ukreg 


Use the demo of Adobe's vector 
illustration masterpiece. Tutorials 
on pages 54 and 80 


The artists at twelve:ten reveal 
their digital illustration techniques 
starting on page 66 


Now you've tried version 6 to the 
max, why not consider an upgrade 
to 8. See page 47... 


No digital artist is ‘safe’ without it. 
Artist Derek Lea turns it to his 
purposes on page 30 


te (29/02.02] 


illustrators will always find this 
human figure creation tool handy 


CADtools 2, MultiPage and 
Perspective may well help you 
round off your copy of /Ilustrator. 
Demos of these three plug-ins by 
Hotdoor are on our CD for you to 
try out 
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101 


Want to be a pro illustrator? Or maybe you 
already are, but fancy picking up some tips that 
may have passed you by. Well, here they are, in 
bite-sized nuggets — the 101 tips that could put 
you ahead of the field! 


o, you think that you are an illustrator? You can use your application of choice and a 
fair few others to boot. You can create the kind of images that would fit well on any 
magazine page, book jacket or CD sleeve but have yet to really get out there and 
show the world what you're capable of. 

Or, maybe you already work in illustration but would like advice on putting together a killer 
portfolio or some pearls of wisdom on getting in to see that top art director, or impressing that 
elusive agent. Well, you're in the right place - sit up straight, get your pencil and paper at the 
ready (illustrators don't use PDAs) and take a look at these industry-insider tips... > 


the Academic Programme Leader for Communication and Media Arts at the University of Brighton. View his work at 


=] Expertise provided by Lawrence Zeegen [e] 2@zeegen.com. Lawrence is an illustrator, educator and ex-agent, and 
[W] www.zeegen.com. 
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That killer portfolio 


In this first section we investigate the dos and don'ts of portfolio presentation. We look at how to present 
your work to its best advantage and which format is best for you and your potential clients... 


1. Format 


Depending on who you plan to work for, you're still likely to 
need that old-fashioned leather portfolio with plastic sleeves. 
Clients like something printed in front of them. It 

works in meetings and doesn't suffer from 
compatibility problems! Buy the best you can afford. 


2. Spend wisely 


Buy a leather portfolio. It will save you money 
in the long run. Leather wears so much better 
than plastic. It says that you take pride in your 
work and may help you command higher fees 
because it shows that you mean business. 


3. Presentation 


You live and die by the quality of your 
portfolio. Your work may be up against work 
by other illustrators, so make sure that your 
portfolio is well presented. Clean or change 
the plastic sleeves in your folder on a regular basis. 


4. Keep it concise 


Be clear about what your portfolio says. You may not be with your work 
every time it’s viewed. Keep it clear, concise and precise and present a 
positive image. Choose your strongest work; work that you feel positive 
about. Don't include anything that you may have to apologise for. 


5. Who is it for? 


You need to show potential clients what you can do. Your clients, 
usually a designer or art director, may need to show it to their clients to 
get approval. Your portfolio must be able to speak to a whole range of 
different audiences, so remember this when you put it together. 


7. Strongest image 


Kick off your portfolio with your strongest image and end on an equally high note. These are the most 
important images in your book. Keep a list of exactly what is in your portfolio and the order it was in - 


clients will rearrange your work, and putting things back in the right order can be a real headache. 


The art of self-promotion 


6. Up-to-date portfolio 


Other tips for smart professional portfolios; get into the habit of 
regularly adding new printed work as you produce it, keeping your folio 
fresh and up-to-date. Make sure that the running order makes sense - 
group work depending on the type of client it was produced for. 


8. Double up 


Create at least two, maybe three portfolios, if you are planning on 
being busy. Many designers and art directors simply don't have time to 
meet all illustrators and want you to ‘drop off’. Keeping more than one 
portfolio circulating means no dead time. 


9. Be prepared 
With more than one portfolio, you never run the risk of being called in 


for that lucrative advertising commission at short notice without a folio 
to hand. It happens, so be prepared and have one next to the phone. 


10. Websites 


Important, useful and a great complement to that leather bound folio, a 
Website will greatly add to your client base. Directing clients to your 
site means that they can view your work whenever, wherever. Cut your 
courier bill by not having to ship your portfolio all over town. 


11. Be creative 


Use your site to showcase commissioned work, non-commissioned 
work and even work-in-progress. Remember to update your site ona 
regular basis and let folks know that you have, too. 


12. The interactive CD-ROM 


Another extra to your leather folio but not to be overlooked. Being able 
to leave this portfolio with clients is cool, so long as it works with their 
kit and is bug-free! Think about your audience - will they appreciate 
your extra costs in time, energy and materials? 


13. Focus your work 


Think carefully about the work you show. Don't think that clients will 
want to see a couple of drawings from an evening class you did over 
ten years ago. Make sure that the work sits together well and doesnt 
cover too many styles. 


You're doing great work, now all you have to do is wait for the phone to ring. Alas, nobody yet knows 
what you do or how to contact you. You need to get yourself some self-promotional items and quick! 


15. Print runs 


The unit cost of a postcard goes down the more you have printed. 
Before you order 1000, though, think about whether you will use them 
all before you are sick and tired of the image. Look at the costs of 
shorter runs using a digital press rather than off-set litho. 
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16. Shop around 


You could get together with other illustrators and take a whole sheet; 
postcards are printed 16 or 32 up. It will work out cheaper but could be 
a hassle. If not, play the card printers off against each other to get the 
best price. 


17. Other formats 


Postcards make sense but may seem boring. Think about other formats 
that you could adopt. Calendars have a one-year shelf life, if they are 
liked and used. Desk tidies are naff and should be left to Blue Peter. 


18. Contact details 


Your final choice of self-promo should show an image, your name and 
contact details such as Web address, email address and phone 
number. Sounds straightforward but many illustrators concentrate on 
the image and forget the details! 


19. Annuals 


Get your work in annuals. Art buyers in advertising agencies swear by 
them. The pay-per-page illustration annuals like Contact and The Art 
Book aren't cheap at between £600-£1000 per page but many 
illustrators claim they work better than anything else. 


20. Press release 


Send out a press release to design magazines and journals when you 
create high profile work. Send good large-format transparencies as 
well as a concise ‘story’ about the job. The design press have pages to 
filland you can provide the content: hey presto - free publicity! 


21. Competitions 


Enter your work in national and international competitions. Many of the 
big organisations produce thick, glossy annuals of the best work and 
some run touring exhibitions as well as Websites that feature the work. 


22. Freebies 


From your Website, sell limited edition, signed digital prints. Not all 
publicity material has to be given away. Encourage users to download 
free screensavers you have created. Imagine your work on the screen 
of a computer in a busy design studio. 


23. No spam 


Don't spam! Nobody wants mail that they did not ask for. Once you have 


started to work for a client they may be 
happy to receive a regular email newsletter 
or set of low-res images, but wait until they 
are clients. 


24. Contact galleries 


Have an exhibition and invite potential 
clients to a private view. Let the design and 
local press know well in advance. On the 
night, stay off the white wine and use the 
event to make contacts and meet new faces. 


25. Avoid the tacky 


Spending money on getting pens printed 
with your name on, sticks of rock with your 
email address running through or cheap 
diaries with your contact details across the 
front aren't big or clever. 


PRO AO 


26. Mouse mats 


Don't waste money on getting mouse mats made up with your work on: 
many designers use Macs and the Apple Pro Mouse killed off the 
mouse mat! 


27. Publicity 


Keep folk up to date with what you are doing. Spend time and cash on 
creating new publicity, showing how your work is evolving. Have a 
long-term plan for maintaining contact with your clients. 


14. The postcard 


The original format for illustrators promoting their work is the postcard: 


full colour image on one size and one colour on the reverse for contact 


details. Cheap, cheerful and quick to produce, they fit in the sleeve 


inside your portfolio too. Beat that! 


Identifying clients and making contacts 


You now have a portfolio itching to be seen and some publicity to die for. What you need now are clients 
or at least some potential ones! Don't waste your time or others; target your work precisely... 


28. List of creatives 


Think about buying lists of creatives from companies like File FX in 
London. For a reasonable fee you could have the name of all the art 
buyers and creative directors in the top 200 advertising agencies in 
London. Think about how much time that could save you on the phone. 


29. Research 


Spend time conducting some research. If you want to create illos for 
magazines, browse through them over coffee in places like Borders. 
Target the right folks; try art editors and art directors. 


30. Other artists 


Every time you see an interesting book jacket or CD sleeve, make it 


your mission to discover who created it and who commissioned it. 
Send the commissioning designer a copy of your publicity if you think 
that your work fits. Follow it up with a phone call to make an 
appointment to show your portfolio. 


31. Telephone manner 


Be polite on the telephone and keep a pen to hand to write 

notes. Make sure that you've sent samples or publicity in advance. 
Trying to explain what your work Looks like over the telephone 

isn't easy! 


33. Swot up 


Whenever you visit a potential client with your portfolio, arrive > 


Illustration 


a few minutes early. This gives 
you a little time to sit in the 


® I -_ 1, -_ reception area browsing their 
f 2 f ) N\ j A\ f 2 i bound copies of recent 


publicity or magazines they 
publish. A little knowledge can 
go a long way... 


34. To the point 


Be patient, explain your work 
carefully but don't outstay your 
welcome. Most designers, art 
buyers and art directors will be 
able to give you just ten to 
fifteen minutes. Make this time 
count, keep focused on the work 
you want them to see and be 
ready to exit! 


35. Taking notes 


Take a notebook to every 
meeting with a client. Take 
notes if you need to and if they 
like yourwork, ask them to 


32. Database 


Invest in a good database app and get used to updating it with new info 


ona regular basis. Enter a broad range of fields that include the obvious 


things like names, addresses, and contact details, as well as the type of 


company and the last time that you mailed publicity or made contact. 


recommend commissioning designers that you could 
visit at other companies. Word of mouth can be a real benefit. 


36. Calling card 


Be prepared to drop your portfolio off rather than always meeting 
person to person. If you would like them to leave comments, provide a 
piece of paper taped to the inside of your portfolio and remember to 
put fresh promo cards in too. 


37. Etiquette 


Keeping clients is a huge part of the job. If you are a pleasure to 

deal with, you are likely to get repeat business and recommendations. 
Nobody likes to work with a pain in the backside, however talented 
you are! 


The commission, the job, the low-down 


It is all paying off; the work is starting to flood in and then you are asked to quote a fee. Find out how 
much to charge and how to manage your time, meet deadlines and still have a life.... 
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38. Get organised 


Itmakes sense to join an organisation that can give you advice when 
you need it. The Association of Illustrators helps members with issues 
regarding fees and legal matters. Check them out at [w] www.aoi.co.uk. 


39. Quoting fees 


Quoting fees on jobs is never easy. Try to get a budget from the art 
director commissioning you. Ask what they've paid for previous work of 
the same scale and usage. They normally know what they want to pay! 


40. Put it in writing 


If you need time to think about a fee, say that you will get back to them. 
Use the time to call fellow illustrators or the AOI for advice. Put your 
quote in writing and date it. Get the client to formally agree in writing 
to your quote or amended quote if you agree to adjust. 


41. Rates 


Remember, rates depend on a number of issues and it always makes 


52. Ownership 


When you are commissioned to create an illustration, you sell the rights 


for its reproduction, unless otherwise agreed. The illustrator retains the 


ownership of the artwork itself as well as, more importantly with digital 


work, the copyright. Remember this! 


sense to clarify exactly where your work will be used, at what size, 
the print run (if applicable) and the length of time the image is to 
be used for. 


42. Who pays what? 


A general rule of thumb is that advertising work sits at the top 

of the pile, fee-wise, followed by work for design companies. Book 
publishers run next, followed by magazines. You could create a small 
image for an advertising campaign that pays £1000 and the same size 
image for a mag that brings in £100! 


43. Large jobs 


With large jobs it is worth getting a contract sorted before you 
even start the work. Outline the fee breakdown - with agreed 
amounts for visuals as well as delivery of final artwork. Put in 
delivery dates that are realistic. If the client wants it all tomorrow, 
charge more. 


44. Know your rights 


If the client rejects your work at the visual stage, you can charge 25 per 
cent of the full fee, if they reject on completion, through no fault of 
yours, go for the full fee. Be prepared to negotiate, though, you may 
only get 50 per cent! 


45. Educate your client 


The visuals stage is just that. It gives you the chance to show the client 
what you are planning on doing for the final artwork. It could show the 
general layout of the image as well as your ideas for how the work 
communicates. It is not the finished thing. 


46. Terminology 


Learn some technical terms. Make sure that you understand the 
terminology used by your client. If you are not sure what ‘bleed’ is, ask. 
Don't try and wing it - it will end in tears. 


47. Questions 


Make sure that you leave the briefing session with all of your 
questions answered. If not, call the client when you get back 

to your studio. It is vital that you understand what you are being 
asked to do. 


48. Format 


Check what format they would like to receive the work in, and whether 
it's EPS, JPEG, be sure they can open it. Check the resolution it is 
expected in too. Understand why newspapers are different from glossy 
publications. If in doubt, check it out! 


49. Colours 


Don't trust the colours on your monitor, check chosen colours against 
print spec charts. Check how the job is being printed. Will all your 
chosen colours be easily achieved from the four-colour set? Avoid 
some oranges, they can go mucky. 


Studio/office tips 


50. Fifth colours 


If the job requires ‘specials’, colours 
printed using specially mixed colours, 
check the client has authorised this. 
Using silvers and metallic colours 
in your artwork will add to the 

print cost. 


51. Correct formatting 


RGB or CMYK? Be sure that 

you format the artwork correctly. 
Is the image for screen or print? 
Set your application up properly 
before you start your job. It is very 
simple to forget and submit in the 
wrong format. 


53. Copyright 


You can charge 100 per cent of the 
original fee for the sale of the 
copyright but then lose any rights to 
the work. Make sure you consider the 
pros and cons. 


It all seems so easy being a professional artist, what could possibly go wrong? Get yourself organised and 
make sure that nothing does. Keeping the Software Police and the Font Bureau happy as well as being 
street legal and paying tax on your earnings takes organisation... 


54. Taxing matters 


Get legal; register your business with your local tax office. You are 
likely to be classified as a ‘sole trader’ and will have to start paying tax 
on your profits. Get organised right away! 


55. Employ an accountant 


The best practice is to be recommended one that understands the job 
of the illustrator. They can then advise on tax deductible items to keep 
your tax liabilities down. 


56. Keeping track of invoices 


Invoice work as soon as it is completed. Make sure that your invoice 
includes all of the details of the work carried out and who you'd like the 
cheque made out to. And where you would like it sent to, of course. 


57. Numbers 


Legally your invoice must carry an invoice number. You can start the 


58. Chasing payment 


Itis likely that your invoice will sit on a couple of desks before it is finally 
paid. State your payment terms on your invoice and start chasing, on the 
phone, as soonas that period is up. Start with the accounts department 


and work your way up the food chain, if you get no luck. 


running order at any number. You may wish to start at 00100 so that you 
look like you've been trading longer. 


59. Software police 


Software should be street legal and legit and you should use only fonts 
that you own. The software police 
are watching you! 


60. Studio space 


The life of the illustrator can be 
lonely. Are you the kind of person 
that enjoys working on your own in 
the back bedroom at home? If not, 
consider a shared studio. Scan 
local newspapers for studio space. 
Shared facilities mean less 
financial outlay. 


61. Equipment 


Get your studio equipped. You 

will need the following: phone; 
answer-phone; mobile phone; 
email (with ADSL or ISDN if you 
are sending artwork down the line); 
fax (if you produce visuals on 
paper); CD Burner (archive your 
work as you go); good lighting and 
avery comfortable chair. > 


wet hay 
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62. Make a routine 


Get into a routine. Arrive at your studio, at home or elsewhere, 

at a regular time. Forget the world of daytime TV and instead, tune 
into the reality of checking your email, reading your post, chasing 
unpaid invoices and other associated tasks before you actually 
start illustrating. 


63. Get insured 


Get your studio insured. Get your portfolio insured and insure yourself 
against injury - it’s unlikely but it may happen. Studio insurance covers 
you if a visitor falls and breaks a leg and having your portfolio insured 
means that if it goes missing, you get some financial remuneration. 


64. Your computer 
Think about the kind of computer you are going to be using. A desktop 


Inspiration versus perspiration 


You are now are a lean, mean illustrating machine, yet still something is missing! Remember you are an 
artist - you must feed your habit too. Here's how to stay inspired even when the chips are down... 


Illustration 


67. Keep creative 


Push your work by adding to your portfolio, with work that you want to 
do rather than just work you are paid to do. You can lead the type of 
work that you're offered by showing similar examples. 


68. Visit exhibitions 


Look at the work of other illustrators as wellas artists and 
photographers. Examine the methods and techniques, as well as the 
ideas, in their work. It’s a good idea to buy exhibition catalogues, or 
postcards if your budget is limited. 


69. Read more fiction 


As an illustrator, you are expected to bring text and copy to life. If you 
read more and create thumbnail sketches of ideas in response to these 
texts, you'll keep in practice. 


70. Just the facts 


Read more factual and non-fiction work. Illustrators need to 
understand the issues raised ina writer's text. If you get to grips with 
the copy, you stand a far greater chance of illustrating it well. 


71. Other art forms 


Go the theatre and the cinema; engage with dance or opera. Above all, 
enjoy other art forms. You can take inspiration from all sorts of sources 
— anything from new combinations of colour ina theatre costume to 
the framing of particular images in film. Be inspired! 


73. Behind the scenes 


Get yourself invited to exhibition private views and meet other artists 


and illustrators informally. Normally getting onto a mailing list fora 


gallery is as simple as phoning and asking. 


machine tied to your desk in your studio five miles from home 
may not be ideal if you tend to do your best work late in the 
evening. You may wish to go portable and have the flexibility of 
working anywhere. 


65. The design press 


Read the design press ona regular basis for news about projects 
that design companies are involved in and news of new companies 
starting up. You don't have to buy them all - get back to Borders or 
your local library. 


66. Change of address 


If you move studio, make sure that people know. A change of 
address card is a good excuse to send out more promotional 
material. Obviously, if people don't know how to get hold of you, 
they wont. 


72. Sketchbook 


Draw, draw and then draw some more. Take your sketchbook 
everywhere and use it in cafés, bars, on the bus and in the park. If your 
work doesn't rely on drawing but concentrates more on photographic 
imagery, then keep your camera with you at all times. 


74. Local groups 

Check out local groups run by the Association of Illustrators that meet 
ona regular basis. Many groups invite professional illustrators to give 
slide lectures about their work and experiences; learn from others. 


75. Smell the coffee 


If you find that you’re really short of work, offerto work as an 
assistant to a busy illustrator or illustration studio free of charge for 
the experience, and to pick up more tips. As a general rule, 

you'll make coffee, mix paints, book couriers and hunt for 
reference materials. 


76. Competitions 


Use dead time to produce work for competitions. Real dividends can 


be had from winning or being a finalist in illustration competitions. You 
can get your work recognised and seen by others. Unknown illustrators 
often come to prominence through this route. 


77. Network 


Make the time to meet other illustrators on a regular basis and 

swap stories, contacts and advice. It is vital that you keep in touch with 
developments in the illustration world. From a morale point of view, 

it is good to have a shoulder to cry on and an audience for your 
positive stories too. 


Agents — to have or to have not 


Tired of schlepping round town trying to meet and greet the young guns of the design, publishing and 
advertising worlds? Meet the illustration agent. We reveal the good, the bad and the ugly of the agent... 


AGE NGS 
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78. Doing business 


Illustration agencies are businesses. To operate, they have to make a 
profit. This means that they must represent busy illustrators and plenty 
of them. If you are not happy being part of this business, go straight to 
the next section... 


79. Want an agent? 


Investigate the agencies that are out there: they all have different areas 
of expertise. Hunt out the one you and your work are most suitable for. 
Be sure that they operate in the areas of illustration that you do. 


80. Agent's fees 


Be prepared to give up 25-30 per cent of your income in commission 
but recognise that agents can command higher fees. This may well 
make up forthe commission. If you are lucky enough to be taken on by 
an agent, check what percentage they take first. Feel free to negotiate. 


81. Take your time 


Just like clients, agents are very busy too. Don't hassle but be polite. 
Offer to send samples and wait to hear back. Offer to visit: they will 
want to meet you if they like your work. 


82. How do they operate? 
Ask the agents that you meet about their techniques for getting artist's 


work. Do they rely on printed publicity? Do they have a Website? Do 
they go out and tread the streets with portfolios? Are they pro-active? 


84. Meeting 
Ask about meetings for the illustrators represented by the agency. If 
they happen regularly, it means that they have happy artists, which is a 


good sign. It is useful to have a meeting point to discuss issues with 
other illustrators. 


85. Sole representation 


Agents may expect to have sole representation of your work. They may 
want to handle your own clients too. Are you prepared to hand them 
over? Another point to discuss before making a final decision. 


86. Thinking long term 


Think carefully about how you present your portfolio at any meeting. 
Agents will be interested in who you have worked for, as well as how 
your work has developed. They will be thinking long term investment. 
Think the same thoughts! 


87. Up front 


Agents don't tolerate artists working for the agency's clients without 
declaring it. Some clients are slippery. Don't make the mistake of 
losing your agent because you have been working behind their back. > 


83. What does it cost? 


Agents charge (on top of commission) a percentage of the costs of 


advertising an artist. Make sure you understand how much this may cost 


you in your first year. Can you afford it? Do they want the cash up front or 


will they take it from fees owed to you? Check the details. 
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Getting that full-time job 


With the parents/landlord/building society starting to demand the rent/mortgage payments, the safety 
net of the world of PAYE seems far too enticing. You need a job in illustration fast... 


88. Permanent contracts 


More and more design companies are 
starting to employ illustrators or designers 
that can illustrate on permanent contracts. 
Check the design press for ads and be 
prepared to send samples and CV at 
short notice. 


89. Publishing companies 


Approach publishing companies 
and greetings card companies if 
seeking full-time positions, they are 
still the most likely. Write a covering 
letter, introducing yourself and 
your experience and expertise 
and be prepared to follow it up with a 
phone call. 


90. Interview techniques 


If given an appointment or interview, be on time, be presentable and 
know as much as you can about the company. Ask intelligent questions 
and be keen. All fairly obvious tips but easily overlooked by some. 


91. Temporary placement 

Offer to work on a temporary placement basis to gain experience. This 
is a must if you are a recent college graduate. In return for poor 
payment, you will get good experience and hopefully a project or two 
you can add to your portfolio. 


Good habits 


92. Model employee 


Once ona placement, demonstrate yourself to be so good they have to 
ask you to stay. Don't complain about working long hours - it is the 
done thing in design and advertising. Get yourself noticed, ask 
questions and offer to help others out with presentations. 


93. Illustration agency 


If you want to go into freelance illustration but would like to 
understand the business in more detail first, try seeking a job atan 
illustration agency. You'll meet lots of illustrators and clients and see 
projects through from conception to completion. 


94. Studio management 


Other areas to try your luck at include studio management. Be the 
person responsible for keeping a design studio running. You could be 
involved in all aspects of the design process; one moment discussing 
projects with designers, illustrators and photographers and the next 
checking proofs on press at the printers. 


95. Contacts 


Keep a record of all contacts while looking for work and after you get the 


job. These will prove invaluable. All designers and illustrators have 
favourite printers, repro houses, places to source reference and the list 


will start to grow. Use your contacts and keep them organised. 


Creating top illustrations, maintaining great promotional material, building a hot portfolio, running a 


studio and a business takes skill — get into good habits early on 


anne % 96. Follow it up 
| i ® Make sure that your client is pleased with 


the work that you have produced. Many 
designers are simply too busy to call to let you 
know that they have received your artwork. 
Phone them to check that the work was ok, 
they'll appreciate it. 


98. Credits 

Make sure that, where possible, you are given a 
credit for the illustration. If you have a Web address, 
ask the designer to use it in the credit. It will add to the 
traffic to your site and may lead to further commissions. 


99. Building your portfolio 


Chase up copies of the work when itis in print. Do this as soon as the 
publication is out. The art director or designer should be happy to send 
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you three or four copies. These tear sheets will make up your portfolio. 


100. Sticking to deadlines 


Produce work to the deadline given, unless you have an agreed 
extension. If the deadline appears unworkable, ask for more time 
before you take on the job. If you spot problems, resolve them early on. 


101. And remember... 
Have fun, work hard, play hard and good luck! GEES 


97. ‘Borrowing’ work 


Dont ‘lift’, ‘copy’, ‘borrow’ or be too influenced by the style of another 
illustrator. Forge your own look, it is the only way to create real lasting 


interest in your work. Be original. 


Cuber-shot 


5. oO MEGA PIXELS 
os 


Image Quality: Sony lead the world in CCD manufacture. The 5.2 megapixel 2/3” CCD chip delivers over five million 
effective pixels (the best measure of a CCD’s true capability) for stunningly accurate picture quality. Picture quality that’s 
further enhanced by the unique noise reduction system from Sony that delivers crisp, clean images even in low light. 
Meanwhile, the Sony advanced Super Hole Accumulated Diode (HAD) system transfers more light to individual pixels, for 
brighter, more accurate reproduction. Pixels, however, don’t mean much without superior analogue to digital conversion. 
That’s where our 14 bit Digital Extended Processor (DXP) comes in, delivering a dynamic processor range wide enough to 
ensure incredibly smooth, realistic contrast and colour reproduction. 


Leading Edge Design: The difference between the F707 and other digital cameras becomes apparent before you even 
take your first shot. Its lens rotates through 113°; allowing you to take shots other cameras only dream of, while the 
electronic viewfinder and LCD screen let you frame your shots any way you want to. And if you want to get closer, the 
Macro AF delivers clear images from as close as 2cm away. But wherever you point it, the 5x optical zoom Carl Zeiss 
Vario Sonnar lens (F2.0-2.4) itself is a thing of beauty, delivering superbly sharp, distortion-free images. All this in a 
magnesium die-cast body that’s every bit as robust as it is light. 


Creative Control: While the technology behind the F707 is decidedly cutting edge, getting the results you want couldn't 
be any easier. The ingenious jog dial control lets you select shutter and aperture priority. Or go to full manual mode to choose 
your own exposure and field depths. Choose from spot, centre-weighted or multi-pattern light metering to get the perfect shot 
whatever the lighting. Or select from a range of pre-set scene options and effects — all with a simple flick of your finger. 


Advanced Features: Nightframing and Nightshot bypass the infra-red filter, allowing you to literally see in the dark. And 
with the ability to shoot up to three shots in rapid succession, the unique burst mode from Sony ensures you'll never miss 
a moment of the action. But because today’s photography means more than just taking pictures, the F707 makes the 
most of Sony Memory Stick technology. With the supplied 16Mb Memory Stick you can easily transfer images from camera 
to PC to virtually any electronic media imaginable. And with a Sony Stamina battery that delivers a fantastic 2500 shots 
or 2.5 hours use per charge, the F707 does more than simply see where others can’t. It goes when other cameras won't. 


sT~r 
ee *16mb Memory Stick supplied. Sony and Memory Stick are registered 


Memory Sick www.sony.co.uk trademarks and Cyber-shot is a trademark of Sony Corporation, Japan. 


Designed to see where 
other digital cameras can’t. 


SONY 


EASY PEASY JAPANESEY, 
COMPUTER ARTS SPECIAL TOOLS: APPLE G3 POWERBOOK S00MHZ/ 

TRACE ME’ CMYK PROCESS 1MB CACHE/128MB/12G8 HD/BMB VIDEO/DVD 

(CVRCROP) APPLE COMPUTER INC, 


BEAUTIFUL HUMAN BEING UL C) 
RENDERED IN THE DESIGNERS REPUBLIC a 
NOILLUSTRATORS REQUIRED. 
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When it came to commissioning a cover for the Computer Arts Illustration Special, 
one our biggest decisions was who we should get to provide our cover image. 
We already use a range of top-flight illustrators every issue, but this issue in 
peteie demanded something extra special. So we dropped an email in to 

he Designers Republic. 

The company already has good rapport with Computer Arts. We profiled them way 
back in issue 7 (May 1997) and again tn issue 63 (Nov 2001). And the design house 
pulled a massive audience when we interviewed founder lan Anderson live on stage 
at Computer Arts L/VE/01. But working with them as a client might prove a different 
story - the a is well-known for its independent way of working. 

Emails were exchanged. The Designers Republic came up with an idea, a deal was 
struck, and they went on to create a cover befitting our /llustration Special. 

What the company has come up with should raise a wry smile. Deconstructin: 
the traced-line illustration style, IDR simply and conceptually questions the validity 
of an image style that is very much in the mainstream media these days. 

Tracing a photograph is hardly the most challenging thing for an illustrator to 
do, and with a toddler as the basis of the image, the suggestion is that it’s child’s 
poy Here, we interview lan Anderson about our cover, and how The Designers 
epublic works... 


“People trace photographs because technology 2 CA What's happening in our cover image, and where did it come from? 
w-—itsa simple fx: TDR What you see is maybe what you get; it’s one truth. Brain Aided Design TM. 


CA When did you start noticing that the ‘outline’ style that you're poking fun at here 
was coming to prominence, and what do you think of it? 


TDR It’s not a question of when. We don't catalogue non-DR work or personal 
experience chronologically. It's out there - fact - and it’s been out there as an excuse 
rather than an idea for too long. To TDR, it’s a means of visual deconstruction and 
subversion. At worst, elsewhere, it’s the spectre of Kai’s Tools returning as lazy. It’s 
not always what you do, it’s the way that you do it. People trace photographs because 
technology enables them to - it’s a simple fix. 


er and 
om all three 


- for skateboarders. A feature 
t, Superchers 
id elements fr 


oS 

22 

2% 

fv) oO 

Sey 

EgE 

aed 

oss 

uoe 

oor 

S55 

gee 

550 

sow This is a promotional 

Vos sheaed 

523 joster for an exhibition at 

yog ELGIE, in Hasselt, 

R92 Belgium. It was held from 

E2S November to December 

SE6 last year. The exhibition 

ese ( ins onal was Called The Designers 

pee 4 yr ’ Republic In and Out of 
2a —— * Architecture, which 

S's ~ . 

Ze included images adapted 

SY E from the company’s book 

sgt 3D>2D. For the 

Oo é 5 exhibition, the company 

+ eee roduced 22, 2m x Im 

goo anners. These filled an 

B58 entire room, depicting a 

Exe Tokyo cityscape. This 

ES. image is an adaptation 

84 E from one of the banners, 

@ ¢ 3 made into a poster to 

$= z ees promote the event. 


Lodownis a German magazine covering music, sports and entertainment 
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A flyer for the Pho-Ku Sound System. Pho-Ku is 
defined as a micro division of The Designers 
Republic. With its own identity, it can almost be 
calleda Plaything of the company. The Pho-Ku Sound 
System is The Designers Republic DJ-ing ina 
Sheffield club, called the Halcyon. The company 
holds such events now and then. The latest one was 
held on 12 February. Check out [w] www.pho-ku.com. 


“We ante er. ceainiatn” 


igners Republic created the artwork for the Drum & Bass Arena album. 
e cover and the inner sleeves. The artwork for the inner sleeves was 


hi 
adapted from flyers previously created as part of the club's ongoing visual identity. 


In 2001, the Desi 
Shown here is t 


Poster work and album 
covers for the music 
industry remaina 
mainstay of TDR’s work. 
This is a promotional 
poster for an album 
release by Twisted 
Records, coming out 
this year. The poster 
actually folds up into 
the front cover of the 
album - rather than 
being separate to it. 
The album itself 
contains a collected 
mix of dance music. 


CA We can talk about illustrators and we can talk about designers; however 

these days people seem to cross between the two fields with ease, or even to 
muddle them up. Do you think that digital artists out there seem to have a problem 
with this distinction? 


TDR There are people out there who arse about with computers and call it art. As in 
music, it’s the inevitable downside to ‘technology for all’. There exists an ignorance of 
terms — as wellas the inability for original creative thought — that doesn't deter 
some computer owners. Blurring definitions is more relevant or more constructive if 
the definitions and differences are clearly understood initially. Everybody's a 
designer these days, aren't they? Senaciale in Hoxton. 


CA Despite the fact that you sa ach designers and not illustrators, you do generate 
illustrative material for many of the things you create. Or at least you manipulate 
images to go with your designs. Do you see yourselves as illustrators in that Capacity? 


TDR We also take photographs, paint and design fonts - does that make us 
photographers, painters and typographers? The name is The Designers Republic. We 
design. We communicate by any means necessary. We are designers who can 
illustrate, not illustrators trying to design. What you may interpret as illustration is for 
us, at TDR, twisted imagery. We subvert what itis, in favour of what could be. Nothing 
is what it seems, at any level. We are more concerned with abstraction than 
illustration, but you can call it what you want. 


Here's another advert for 
Gatecrasher, from the middle of last 
year. Listing events in the club, it 
shows the diversity of artwork TDR 
has created for the venue. 
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Hr al The advertising poster for Gatecrasher, 
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NICK RILEY. NICK RILEY. NICK RILEY. NICK RILEY. NCK RILEY. BD ove made up of arrows, which are an 


extension of a theme begun on the 
cover of the club’s album, National 
Anthems album. The poster was 
created in late 2000. 


CA Where do your ideas come from? 


TDR It’s a combination of using design to express yourself, and to communicate. For 
us, | think it's also a question of deconstruction. You know how some people spend 
all of Sunday taking their motorbike apart and then putting it back together? We're 
like that but we're naturally the sort of people who do it conceptually. It’s like, ‘well, 
what if we didn’t do it like that, or what if we did something else?’ It’s an adventure or 
a mission to try and do things differently or maybe to alter our perceptions of our 
experience, or to re-interpret it; that’s the interesting thing. We try not to analyse 
what we do but there comes a time in an interview where we have to think about what 
we do, otherwise the answer to the question is ‘well, we just do it.’ No doubt an 
observer could identify a process or a typical way of working. Most of what we're 
doing is a deconstruction, or a kind of deconstruction/reconstruction. 


different. When they buy the album, fans are —_ 


petition to design the cover for the artist's next album. 


Towa Tei was the DJ in D-Lite (Groove is in the Heart). For the release of his album, The Designers Republic came up with 
This ts the album cover for Towa Tei’s Best Ofalbum, released on Akashic Records in Japan. 
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they are but thinking of them the way they could be. To convey those ideas is quite 99 o (0) se. 

challenging. If | was to say that this table was maroon [points to a maroon table], lo) 25 , e.5- . Sime. =. =. 

art just go, ‘yeah, alright’. But if | was to say ‘it’s a blue table,’ you have to respond. S20.) *Ocl coe vy” a ie a 
ou'd regard me as colour blind, or think that maybe the light makes it look blue from 0) 1) 9 9 tO) ? ig “Gs 


where I’m sitting. What I’m saying is it challenges your preconceptions and your RRARAR 
perceptions. Our main aim is to communicate through design, and to communicate 4 0) e e} 66 ry a * oe 
something, you have to make people listen. You can't just put out this ambient 
opinion and hope that someone will come across it. ? ° ; 
a | ey havea = i wee wart to start and iad were se | Lid ? fe tt 3 PP. ¥ ma 
e at the end. But it’s not decided and | can change my mind halfway through — 
enjoy the process of doing it. If you know exactly what you want at the end of the day, 0440 4 NASW 
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play around. ‘ } ~ 
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computer and we deliberately sometimes try to get it to fuck up. It used to be a lot www.towatel.com www.thedesignersrepublic.com 
easier to make your computer crash halfway through saving work and see what you el spe sowmal.com salen Best = 
ended up with. But it’s really difficult to do that nowadays, because as technology 
gets better you lose that whole search for the happy accident. ; fern 

For too many people the whole design experience is just about computers, 
whereas for us, designing equates to sitting down and making our brains work. A lot 
of young designers now just sit at a computer and apply filters to a piece of work until 
it looks kind of acceptable. It’s a bit like making a dish and going in the kitchen and 
chucking everything in - sugar, chilli powder, raisins, eggs, lamb, milk, orange juice - 
and when it doesn't taste so bad, it’s done. There’s no rhyme or reason. 


| 


CA Where does the energy come from? 


TDR There is an energy to it, oran attitude. It isn't about accepting things the way 


CA Do you have a way of working? 
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In the first of two tutorials on illustrating to a brief, a digital artist works 
digitally to create this image, with no scanned material. Here's how... 


or our /llustration Special, we 
decided to runa little 
experiment. We called upon 
the artists Anthony Robinson 
and Derek Lea and asked them each to 
create illustrations for the same brief. 
What’s more, we laid down some 
ground rules: Anthony was to create his 
image only using digitally created 
elements. He was banned from using his 


scanner while Derek Lea was banned 
from using digital elements (3D meshes, 
vector shapes, gradients and so on), and 
was instructed to use only scanned 
materials, which he could manipulate in 
his art application. With one artist purely 
focused on the digital realm, and the 
other working entirely with natural 
elements, the outcome should be very 
interesting. Over the next 14 pages, you'll 


see both images, and how each artist 
created them. 

The brief itself was to create an 
illustration for a newspaper article on 
laws on smoking in public places. You 
can read the brief over the page, as well 
as look at Anthony and Derek's 
responses to it, and the inspirations 
behind their images. Without further ado, 
let’s look at Anthony’s digital method. > 
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The brief 


You are being commissioned by a serious daily newspaper with 

liberal/ left-wing tendencies, like The Guardian. Next week the paper will 
be running a feature on policies on smoking in public places, bars and 
restaurants. The article is going into the weekly Society pages of the 
newspaper. The article covers the following issues: 


«the government is planning to make restaurants completely non-smoking 
* the government is also planning to force pubs to have enforced 
no-smoking areas 

«in California, people are already banned from smoking in any indoor 
venue including hotel lobbies, bars, nightclubs and restaurants - the 
question is, do we want oursociety to go in that direction? 

* pub and bar owners don't want the measures - they see them as 
unworkable in UK society and don't want to offend customers who they 
typically see as having ‘a drink in one hand and a fag in the other’. 

* smoking and anti-smoking groups are in conflict over the issue: smokers 
feel their rights are being eroded and some go as far as to say they are 
being demonised, criminalised and marginalised in society. They feel like 
social lepers. But anti-smokers want a right to clean air and to avoid 
‘second-hand smoke’. Some of them are considered to be ‘crusaders for 
the cause of clean lungs’ 

* smoking in the workplace was banned a number of years ago and is 
seldom seen (except in taxi offices) 

* tobacco companies oppose the idea but are fairly quiet on the matter 
following lawsuits from smokers 

* the government says it has a long term plan to reduce 

smoking in the population which it hopes will eventually 

lead to fewer deaths from smoking, and ultimately lower 

public health bills! 


Inspiration 


Anthony Robinson responds to the brief and 
explains the thinking behind some of his 
preliminary sketches... 


the artist's response The image willbe rotated 


through 90 degrees counter- 
clockwise and will show two 
helixes winding around each 
other with cigarettes spinning 
around. These will change 

into two people boxing to try 
to give the impression of 
conflict between smokers and 
non smokers. 


This drawing shows a rough idea of how the image should look. Cigarettes change to bullets, raising questions about the effect smoke 
has on others, the invasion of space and so on. The top area shows approximately how the illo should be laid out. 


Part 1: Creating the star burst effect 


In the first part of the tutorial, we combine Photoshop and /Ilustrator to produce 
a star burst effect which forms the main part of the background image 


Backgrounds 


Auseful tip for creating eye 
catching backgrounds is to 
repeat the first step in part one 
with a variety of different colours 
and lighting directions, allon 
separate layers. Experimenting 
with blend modes on each of the 
layers can create some really 


interesting effects. 


Open the red background image then select 
Lighting Effects from the Render submenu 
which can be found in the Filter pulldown menu. 
Arrange the light so that it gives a gradual darkness 
at the edges, making sure that the graduation is 
subtle. This can be done by adjusting the Light 
properties until the desired effect is achieved. Then 
click OK. 


Select the Scale tool and position the 
orientation point on the left-hand side of the 

text. We will distort the new text to make it 

narrower and longer while holding down the 


Alt/Option key to duplicate it. Repeat several times. 


Grab the text layer and drag it over the Create 

New Layer icon at the bottom of the Layer 
palette to duplicate it. Scale the text by pressing the 
Ctrl/Command key and T. When the scale box 
appears, hold down the Alt/Option key while 
dragging the vertical scale points. Scale the vertical 
height of the new layer down slightly, between five 
and ten per cent. Press the Ctrl/Command key and 
E to merge these two layers into one. 


Open Adobe ///ustrator and type random 

letters in a handful of paragraphs. It's 
preferable to make the text black although the 
height and font are up to you. The result should look 
something like the screengrab above. It is a good 
idea to experiment with different heights and fonts. 


Use the Selection tool again to click and drag 
the text to make sure that it is all selected. 
Then press the Ctrl/Command key and C to copy it 
to the clipboard before returning to Photoshop. 
Paste it into your Photoshop document by pressing 
the Ctrl/Command key and V. Make sure that when 
the paste dialog box appears, Paste As Pixels is 
selected. When you are happy with the size of the 
text, press Return to rasterize the text and invert the 
colours by pressing the Ctrl/Command key and I. 


Press the Ctrl/Command key and R to bring up 

the rulers and then drag a guide out from the 
vertical ruler line to the centre of the image. Do the 
same with the horizontal ruler line. Hold down the 
Ctri/Command key while dragging the type to the 
right-hand centre of where the guides cross. Select 
Distort from the Transform submenu in the Edit 
pulldown menu. While holding down the 
Alt/Option and Shift keys, drag the top left-hand 
corner down towards the centre to taper the text. 
Duplicate the layer several times. Press the Ctrl/ 
Command key and T to transform one of the layers. 
Make sure that you position the orientation point 
where the guides cross and rotate the layer to begin 
a circle. Repeat for all of the layers until you have a 
full circle then merge them down to one layer. 


Using the Selection tool, click on the text to 

highlight a blue box around it. Then go to the 
Object pulldown menu and select Expand. In the 
Expand dialog box, make sure that the Object and 
Fill boxes are ticked before clicking OK. Once 
you've done this, go to the Filter pulldown menu 
and select Scribble and Tweak from the Distort 
submenu. Make sure it is set to Scribble then adjust 
the horizontal value until the text is reasonably 
distorted, Then click OK. 


With the text now in place, select Motion Blur 

from the Blur submenu in the Filter pulldown 
menu. Set the Angle to Zero degrees and the blur 
Distance in pixels to a high enough number to 
distort all of the text. When you are happy with the 
way it looks, click OK. 


Press the Ctrl/Command key and T to enable 
you to scale the image. Scale it up until it 
breaks out of the confines of the image. Position the 

centre of the burst on the right-hand side of the 
image, then set the Blend Mode to Luminosity. 
Select Apply Image from the Image pulldown menu. 
In the Apply Image dialog box, set the Blending 
Mode to Colour Burn, leaving the Channel set to 
RGB then OK it. Bring up the Apply Image dialog 
box, and set the Channel to Green and the Blending 
Mode to Multiply, then click OK. Hide the guides by 
pressing Ctrl+“ (PC) or Command+" (Mac). > 
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Part 2: Background detail 


In this part we will be adding detail to the background image. 
Often it is the subtle things that make the difference... 


Positioning 

If you select an object in 
Photoshop or Illustratoryou can 
move it one pixel at a time by 
using the arrow keys. This will 
help you to position it in exactly 


the right place. 


Zooming 


In Photoshop, you can quickly 
zoom in or out of an image 
without changing the tool you are 
using. Hold down the spacebar 
and the Ctrl/Command key to 
zoom in and the spacebar, 
Ctr/Command and Alt/Option 


keys to zoom out. 


G Create a new layer by clicking on the Create 
New Layer icon at the bottom of the Layer 
palette in Photoshop. Next click on the Gradient 
tool in the toolbar then click the arrow next to the 
default gradient in the dock to bring up the 
Gradient palette. Click on the arrow at the top of 
the Gradient palette and select New Gradient from 
the menu. Select the new gradient, then click 
anywhere outside the dialog box. Now click on the 
gradient inside the box to bring up the Gradient 
Editor dialog box. Double-click on the bottom 
left-hand colour stopper to bring up the Colour 
Picker. Set the colour to black and then press 
Return. Repeat this for the right-hand side but set 
the colour to orange, then click OK. 


| 4 | Deselect the text by pressing Ctrl/Command 
and D and then apply a Gaussian Blur filter 
which can be found in the Blur submenu of the Filter 
pulldown menu. Set the Gaussian Blur to a high 
level, making sure the text is well blurred, then press 
Return. Apply a motion blur to give streaky lines 


Return to ///ustrator and open a new 

document. Make sure that the stroke colour is 
set to black while the fill colour is switched off. 
Using the Pen tool, click at the top of the document 
to create the first part of our vertical line. With the 
the Shift key held down (to make sure the line stays 
straight), click at the bottom of the image. Use the 
Selection tool and click and drag the line away to 
duplicate it while holding down the Shift and Alt 
keys. Once you have done this once, press the 
Ctrl/Command key + D to replicate your last action 
Repeat this until the lines cover a square area. 
Change the weight of every fifth line to 0.75. The 
finished grid.jpg is on the CD. 
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Set the Gradient to Radial and on the new 

layer, click and drag the Gradient tool from the 
centre of the star burst to near the left-hand side 
edge. Set the Blend Mode to Colour Burn and the 
Opacity to approximately 70 per cent. 


Duplicate the layer and then flip it by selecting 

Flip Horizontal from the Transform submenu in 
the Edit pulldown menu, then drag it to the right of 
the original text. Merge the two layers down and 
then press the Ctrl/Command key and T to 
transform the text. Hold down the Shift key and 
click and drag outside the box to rotate the text 90 
degrees, then press Return. 


Pick the Selection tool, which can be accessed 

by pressing V, and click outside the lines and 
drag right the way across to select them all. Use the 
Rotate tool and rotate the lines 90 degrees while 
holding down the Shift and Alt keys to create a grid. 
Select it all again and then copy and paste it into 
Photoshop. Make sure that it only fills half of the 
image before okay-ing the rasterization of the grid. 


Go back to the text that you created earlier in 

Illustrator and copy and paste it into 
Photoshop again. Hold down the Ctrl/Command 
key and click on that layer's box in the Layer palette 
to select the text. Click on the foreground colour in 
the toolbar to bring up the Colour Picker, set the 
colour to pale blue and then click OK. Go to the Edit 
pulldown menu and select Fill. Make sure that 
Foreground Colour is ticked in the Contents box, 
then press Return. 


Duplicate the layer again and while holding 

down the Ctrl/Command and Shift keys, to 
keep it in line, drag it so that it lies next to the 
original layer rather than covering it. Go to the Edit 
pulldown menu and again select Flip Horizontal 
from the Transform submenu. Repeat this process 
until the image is covered with vertical lines. Merge 
these layers down to one layer and then scale up the 
layer before setting the Blend Mode to Soft Light. 


9 | Duplicate the grid and position it in the 
opposite area of the image. Merge them down 
to one layer and then using a soft edged brush and 
the Eraser tool with an opacity of about 40 per cent 
carefully erase the edges of the grid so that they 
blend into the rest of the image. Finally set the Blend 
Mode to Screen and the Opacity to 90 per cent. 


Part 3: The people 


Now we'll create some figures in conflict using Poser 4. A demo is on the 
cover CD, as well as the finished figures... 


Options 

By holding down the 
Ctrl/Command key and clicking 
anywhere in the image, you can 
bring up a handful of useful 
options. This works in most 
software applications. 


Rulers 


If you want to create an object of 
acertain size then you can do 
this by using the rulers which can 
be found in the View pulldown 
menu. You can also bring up the 
rulers by pressing the 
Ctrl/Command key and R. You 
can use this tip in Photoshop 
and /llustrator. 


Poser demo 


The image and tutorial were 
created using the full version of 
Poser 4, Using the demo, you 
won't be able to use the nude 
male form. Instead, you'll have to 
use the clothed form that is 
available, in order to follow the 
steps. Your image won't be 
exactly the same as our artist's, 
but you'll get the idea. 


Ee Open Poser and double-click on the Nude 
Man which can be found in the Figures pullout 
menu. Before clicking OK in any of the following 
dialog boxes, make sure that all of the option boxes 
remain unticked, Add another figure and then move 
the second figure by grabbing and moving each 
foot away from the other figure using the Translate 
Pull tool which can be found in the Editing Tools 
strip. Select the hip of the same figure and drag it in 
the same direction as the feet. If you've done this 
correctly, you should now be looking at two 
separate figures. 


Repeat the previous three steps to give you 
the other two sets of figures. Remember that 
they need to resemble the models on the CD. 


Repeat the previous two steps with the other 

two sets of figures. Make sure that the figures 
get slightly smaller as they reach the centre of the 
star burst and that the opacity of all three layers is 
set to 60 per cent. 


2 | Select the hip of the second figure by clicking 
on it and then use the twist slider to rotate the 
hip until that figure is facing the other one. The 
figures may require further tweaking. Select 
different parts of the figures and experiment with 
the sliders to pose the figures. The end result should 
be similar to the forms as shown on the cover CD. 


5 | Quit Poser and return to Photoshop. Open the 
just saved Poser files and in the image with the 


first set of figures (Set 1 if you are using the CD 
images) go to the Channels palette. Hold down the 
Ctrl/Command key and click where it says Alpha 1 
to load the selection. If the background is selected 
instead of the figures, press the Ctrl/Command and 
Shift keys along with | to invert the selection. Use 


the Marquee tool and click inside the selection, then 


drag the figures to your main image while holding 
down the Ctrl/Command and Alt/Option keys. 


8 | Use a soft edged brush and the Eraser tool to 
remove the lower legs of the figures. Remove 
as much as you feel is necessary. 


Cg Set the Document Display Style to Flat Lined 
then go to the Animation pulldown menu and 
select Animation Setup. Change the frame count to 
1 before clicking OK. When it asks if you want to 
delete some frames, click OK. Go to the Animation 
pulldown menu again, and this time select Make 
Movie. Name your figures, set the Sequence Type to 
Image Files, Quality to Current Display Settings and 
tick the antialias box, then click OK to save. 


Go Scale the figures down: while scaling the 
figures you can maintain the proportions by 
holding down the Shift key and scaling from any of 
the corners. Bring up the Hue/Saturation dialog box 
by pressing the Ctri/Command key and U. Change 
the hue, saturation and lightness until you are 
happy with the new colour. Before clicking OK, click 
on Save to save the settings. This will enable you to 
get the exact same colour with the other figure sets. 


9 | Duplicate all three layers and then merge the 
duplicated layers down but make sure that the 
layer with the figures on is still above the individual 
layers. Set the Blend Mode to Hard Light. > 
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Part 4: Adding details 


In this part we will be adding small details 
such as the arrows and the hexagons 


Lined up and level 


You can keep things lined up and 
level in /llustrator by using the 
Pen tool to draw a line and then 
convert it into a guide by 
pressing the CtrL/Command key 
and 5 to lock it into place. That 
way you won't have to worry 


about accidentally moving it. 


On the CD 


The arrows and hexagon 
elements can be found on the 
CD, if you need them. 
Create a new layer and move it to above the 
grid layer that we created earlier. Then using 
the Radial Gradient tool, load the Special Effects 
gradients from the pulldown menu in the Gradient 
palette, then select the soft stripes gradient by 
clicking on it. On the new layer, click and drag from 
the centre of the star burst to the left-hand side of 
the image. 


2 Go to the Image pulldown menu and select 
Adjust and then Selective Colour. Make sure 
that the colours selected for adjustment are the 
cyans, then adjust the colour sliders until you have a 
fairly vivid colour before clicking OK 
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4 | Load the selection of the layer containing 

all of the figures by holding down the 
Ctrl/Command key while clicking on that layer. 
Make sure that you are on the grid layer and then 
use the selection as a mask by clicking on the Add A 
Mask icon at the bottom of the Layer palette. 


Create a new layer and position it above the 
shadow layer but below all of the figure layers. 
Using the Pen tool, roughly copy the outline of the 
hexagons on the top and bottom of the image. Both 
paths should be closed. When you've done this, go 
to the Paths palette and click on the work path to 
load the path into a selection while holding down 
Ctrl/Command. Fill the selected areas with white. 
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With the figure selection still loaded, click on 

the Channel palette and then click on the 
Create New Channel icon. Scale the selection from 
its centre by holding down the Alt/Option key while 
scaling. When the selection is approximately 10 per 
cent larger, press Return. Go back to the Layers 
palette and create a new layer. Fill the selected area 
of the new layer black then set the Blend Mode to 
Soft Light and deselect the area. Move this layer to 
below all of the layers containing figures. 


Using the Pen tool, outline a few centimetres 

away from where the white and coloured 
areas meet. Load the path into a selection and Shift 
and Alt/Option keys click on the previous layer, 
while holding down the Ctri/Command key. This 
will remove the centre of your selection. Hold down 
Ctrl (right-mouse click on a PC) and click on the 
image to bring up an additional menu, then select 
Fill. Fill the selected area with a pale grey, and OK it. 


Press the Ctrl/Command key and U to bring up 

the Hue/Saturation dialog box. Change the 
hue until the colour is the closest to a red then 
adjust the saturation and the lightness until you 
have a red colour, then click OK. Change the 
opacity to between 60 per cent and 70 per cent and 
the Blend Mode to Lighten. 


G Open the hexagon's image and paste the 
hexagons into the main image, making sure 
that the layer is below the layer containing the 
figure shadows. Deselect the hexagons, then click 
on the Add A Mask icon at the bottom of the Layers 
palette. Load the selection of the multiple figures 
layer while still in the mask on the hexagon layer. 
Use any brush tool to paint out any of the hexagon 
that is behind the figures. 


gS Open the arrow document and paste it into the 
main image. Hold down the Ctrl/Command 
and Alt/Option keys to duplicate the arrows, and 
repeat as many times as you feel necessary. Rotate 
and position the arrows round the image. Click on 
the multiple figures layer while holding the 
Ctrl/Command down to load the selection, and 
then erase where the arrows overlap the selection. 


Part 5: The cigarettes 


In the final part of this tutorial, we will create the cigarettes. 
All of the cigarette models can be found on the cover CD 


Illustrator to 
Photoshop 


If you want to place something 
from Illustrator into Photoshop, 
you don't need to save it and 
place it in. Simply select it, copy 
and then switch to Photoshop 
before pasting in 


Linking layers 

While in Photoshop, you can link 
layers together by selecting one 
layer and then clicking in the box 
between the eye and thumbnail 
of the layer you want to link. You 
can then move both of those 


images around at the same time 


Natural elements 


Turn the page to see how 
Derek Lea tackled the 
same brief, illustrating using 


scanned imagery. 


a Open the Cigarette 1 image and paste it into 

‘ the main image. Select the entire cigarette 
using the Rectangular Marquee tool. While holding 
down the Ctrl/Command and Alt/Option keys, click 
and drag to duplicate it. Scale the cigarette down 
and position it between the fingers of the first 
smoker. Repeat for the other two smokers. 


Position it around the head on the third figure 
and erase anything that is obstructing the 
figure by using the method shown earlier. Again you 
may need to scale the circle down and rotate it 


ie Repeat the previous step for the other two 

¥ cigarette circles. If you decide that you've 
blurred any of the circles too much, go to the Edit 
pulldown menu and select Fade Radial Blur and 
reduce its opacity before going onto the next circle. 


re Paste the cigarette in again and then duplicate 
¥ it. Scale and rotate the duplicated one. Repeat 
this six or seven times until they resemble a circle, 
remembering to scale them all to give the 
impression of perspective in the circle. Position the 
circle around the second figure's head then load the 
selection of that figure before using the Eraser tool 
to erase any parts of the cigarette that appear to be 
behind the figure's head. If you need to, scale the 
circle down 


Open the Cigarette Circle document and 
follow the two previous steps, making sure 
that you position them round the last figure's head. 


ey Return to Poser and delete the default figure. 
“ew Add a series of balls which can be found in the 
Props pullout menu. Use the sliders to change the 
size, rotation and orientation of the balls before 
making sure that they are all slightly overlapping 
each other. Set the Document Display Style to 
Smooth Lined then render and save the model in 
the same way as you did earlier with the figures. 
Then quit Poser, See the balls file on the CD. 


~ were 
3 Open the No Smoking Circle then use the 
Magic Wand tool to select a small area of the 
background colour, making sure that the tolerance is 
set to between 1 and 5. The tolerance needs to be 
set very low because you don't want to pick up any 
other colours. Go to Similar in the Select pulldown 
menu. This selects any colour that is similar to the 
colour you have selected. Invert the select to make 
sure that it’s the circle that is selected, then paste it 
into the main image. 


G Use the Rectangular Marquee tool and, while 
holding down the Alt/Option key, select a 
square from the centre of the first cigarette circle. 
Next go to Radial Blur which can be found in the 
Blur submenu of the Filter pulldown menu. Set the 
Blur Method to Spin and set the Amount to 
approximately 3, then click OK. 


9 | Go back to Photoshop and then open the balls 
that you've just created. Load the alpha 
selection and invert it. If the balls aren't selected, 
drag them into the main image. Orientate them so 
that it appears as if it is coming from the cigarettes 
in the smokers’ hands. > 


Illustration Ei 


arts 


Illustration: Derek Lea [e] derek@dereklea.com [w] www.dereklea.com 
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Illustrating to a brief: 
natural elements 


Much can be accomplished using real world 
elements and Adobe Photoshop only 


nthe second of our 
‘(llustrating to a brief 
tutorials, we take a look at 
how Derek Lea created the 
above image using Photoshop anda 
scanner. Unlike Anthony’s method which 
was geared solely towards the software 
and imagination, this method is about 
using ‘natural’ sources. With a plethora 
of exceptional software out there, it is 
often easy to forget about what 
wonderful things the tactile realm can 


provide. So for now, let’s pretend that the 
only software tool you have at your 
disposal is Photoshop. 

The first step is to dust off some of 
those long-forgotten tools. Get out the 
watercolour and acrylic paints, brushes, 
and india ink. Paint some backgrounds 
and abstract shapes to use in channels 
and masks. And the tool to bring these 
items into the digital realm is the trusty 
desktop scanner. While using the 
scanner, we'll throw some 3D objects on 


it too. Next up, it’s time to get out the 
cameras: medium format, 35mm, and 
digital. We'll take some shots of smoke, 
houses, Big Ben, pub interiors, anda 
hand putting out a cigarette. 

After uploading the digital photos, 
scanning the film transparencies and 
desktop items, it’s time to bring it all 
together in Photoshop. So open 
Photoshop and the tutorial files from 
the cover CD, and we'll show you exactly 
how it’s done. > 
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The brief 


You are being commissioned by a serious daily newspaper with 
liberal/left-wing tendencies, like The Guardian. Next week the paper will 
be running a feature on policies on smoking in public places, bars and 
restaurants. The article is going into the weekly Society pages of the 
newspaper. The article covers the following issues: 


«the government is planning to make restaurants completely 
non-smoking 

«the government is also planning to force pubs to have enforced 
no-smoking areas 

+ in California, people are already banned from smoking in any indoor 
venue including hotel lobbies, bars, nightclubs and restaurants - the 
question is, do we want our society to go in that direction? 

* pub and bar owners don’t want the measures - they see them as 
unworkable in UK society and don't want to offend customers who they 
typically see as having ‘a drink in one hand and a fag in the other’. 


* smoking and anti-smoking groups are in conflict over the issue: smokers 
feel their rights are being eroded and some go as far as to say they are 
being demonised, criminalised and marginalised in society. They feel like 
social lepers. But anti-smokers want a right to clean air and to avoid 
‘second-hand smoke’. Some of them are considered to be ‘crusaders for 


the cause of clean lungs’ 
* smoking in the workplace was banned a number of years ago and is 
seldom seen (except in taxi offices) 

* tobacco companies oppose the idea but are fairly quiet on the matter 
following lawsuits from smokers 

* the government says it has a long term plan to reduce smoking in the 
population which it hopes will eventually lead to fewer deaths from 
smoking, and ultimately lower public health bills! 
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Inspiration 


Derek Lea responds to the brief and explains 
how he used it to conjure up some of the visual 
elements in the image... 


pe ‘ After reading the brief, two 

sketches were drawn and 
Th e artist Ss respo n se scanned into Photoshop. 
Notes were added and the 
sketches were sent to the art 
editor for approval and 
feedback. Although things will 
evolve along the way, the 
sketch gives the art editor an 
idea of the overall design of 
the illustration. 


At right, there is a hand putting out a cigarette in an ashtray. There are very subtle restaurant/pub images in the 
background, heavily manipulated to add a little texture, The overall background is a city skyline, many of the high 
buildings are actually cigarettes, smouldering and filling the sky with smoke, meant to represent the abundance 
of smokers in the general population, sort of showing how commonplace it is. There is a large image of Big Ben 
in the foreground with a large no-smoking sign in place of the clock. Meant to represent the opressive, big 
brother mentality, observing and always watching for someone to slip up. 


There is a cocktail napkin sitting on top of the illo, complete with a ring mark, There are also a couple of ringmarks 
‘on the background outside of the napkin.On the napkin is a sketch of a smoker and a non-smoker sitting at a tab 
in a pub or a restaurant. The smoker is happy and smoking away, while the non-smoker is sitting there in a. gas 

mask. The style of the sketch is post-war united states “eveything is wonderful” type of art, simple and whimsical. 


There are bits of paper and signs scattered about that say "no smoking’. The background is comprised of photos, 
bits of torn paper and watercolour paintings, etc. The colours are rather warm, golds, sepias, reds, and blacks, with a 
few nicotine stains here and there. There are also some cigarette butts and matches and things thrown about that 
have been tossed on the scanner. 


Next, the photographic 
process begins: medium 
format and 35mm 
transparencies were shot and 
scanned, and some 

digital photos were taken for 
smaller elements. 

From left to right: watercolour 
paintings scanned ona 
desktop scanner; 3D objects 
on the scanner; India ink 
splattered on to paper and 
smeared around using an old 
paintbrush and a rag; 
whimsical illustrations drawn 
larger than required on paper 
using a felt tipped pen. 


Part 1: Background elements 


Using a combination of photography and traditional painting, we'll employ some 
innovative masking techniques to create our illustration's main background and shape 


Naming paths 


When you use the Pen tool in 
Photoshop, it automatically 
creates a new path in the Paths 
palette entitled working path. By 
default, a working path will be 
replaced by a new working path 
the next time you use the Path 
tool. To avoid losing your paths, 
you can name them. Do so by 
double-clicking the Path icon in 
the Paths palette, and entering a 
name in the field. This way, when 
you use the Pen tool later on, it 
will create a new working path in 
addition to your existing path 
instead of replacing it. 


Channel options 


When generating a selection 
from a channel, we assume that 
your channel settings are set to 
Masked Areas. This means that 
everywhere where black appears 
in your channel, a mask will be 
applied. Double-click a 
channel's icon to access the 
Channel options. If you have the 
option Selected Areas enabled 
instead, your selections will be 
the inverse of ours. Worry not, 
you can change the settings in 
Channel Options, or invert your 
selections (Ctr\/Command+ 
Shift+!), to follow along 
avoiding confusion. 


eG Open the file watercolour.psd on the cover CD 
in Photoshop 6. Create a new levels 
adjustment layer, and adjust the levels to darken the 
shadows and midtones. Next, create a new selective 
colour adjustment layer, and add cyan and black 
into the reds and magentas, taming the colour. 


Open the file sky.psd on the cover CD. Using 

the Move tool, hold down the Shift key and 
drag the image into your working file as a new layer 
on top of all the other layers. Add a layer mask 
revealing all, and use the Radial Gradient tool (with 
a fill of black and the Foreground To Transparent 
option enabled) on the layer mask to gently blend 
out the image. 


voila weil! alll 


Select all (Ctri/Command+A) on the bottom 
layer, and copy (Ctrl/Command+C). Create a 
new Alpha channel in the Channels palette, and 
paste (Ctrl/Command+V) your image into the 
channel. Use levels to adjust the contrast of this 
channel to make the midtones and shadows darker. 
We'll use this channel later for masking operations. 


£ 
5 | In the Channels palette, Ctrl/Command+click 
the Alpha channel we created earlier to make a 
selection from it. With the selection active, go back 
to the layer mask, and fill the selection with black, 
then deselect. Then, in the Paths palette, 
Ctrl/Command+click the Path icon of the path we 
created earlier to generate a selection from it. 


3 | Using the Pen tool, draw closed paths 

around some of the torn paper chips that 
overlay the background. When you are finished, 
name the path in the Paths palette. Again, we'll use 
this path later on to create selections, and to 
perform masking operations. 


G On the layer mask, fill the active selection with 
black to expose the torn bits on the layer 
beneath. Duplicate the layer, change its Blending 
Mode to Multiply and the Opacity to 54 per cent. 
Duplicate it again, and set the opacity to 100 per 
cent, and change the Blending Mode to Hard Light. 


Part 2: Inside the pub 


Making use of channels, masks and layer sets, we'll introduce some important visual elements: a crowded 
pub with a no smoking sign on the wall, and a smoker putting his cigarette out 


a Open the file hand.psd on the cover CD. Drag 
the image into your file as a new layer. Use 
free-transform (Ctrl/Command+T) to resize and 
position the photo. Use the Pen tool to draw a 
closed path around the hand and the ashtray. Make 
a selection from the path and click the layer mask 
button in the Layers palette to mask all areas 
outside the selection. 
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B Create a new Alpha channel, and with this 
channel active, make the CMYK channels 
visible. Open the file ink1.psd on the cover CD. 
Draw a selection around one of the ink marks using 
the Lasso tool. Hold down the Ctrl/Command key 
and drag the contents of the selection into your new 
channel in your working file. 


a Position the ink mark so that it overlaps the 
hand, and resize it using free-transform. Now 
that it is in position, turn off the visibility of the 
CMYK channels so that you only see the greyscale 
Alpha channel you are working on. Use levels to 
brighten the white of the ink mark. > 
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Part 2: Inside the pub continued... 


Layer Set masks 


Layer Set masks can prove quite 
handy, Often, there will be times 
when you have a group of two or 
three layers, each with its own 
mask. Sometimes you may want 
to mask out the same thing on all 
three but don't want to affect 
their individual masks. To remedy 
this, create a Layer Set, add all of 
the layers to the set, and give the 
set a mask of its own. This way 
you can mask groups of layers at 
the same time, and still edit their 
individual masks inside the set. 


Ctrl/Command+click the channel to make a 


selection from it. Back in the Layers palette, 
choose the layer mask for the hand layer. Now, with 
your selection active, select the Gradient tool with a 
foreground colour of white. Choose a radial setting 
with Foreground To Transparent enabled and draw 
a series of gradients inside the selection to gently 
unmask more of the layer. 


Create a new layer set and add the pub photo 

and hand layers to it. Add a layer mask to the 
set. Make a selection from the first Alpha channel 
you created from the watercolour painting. Inside 
that selection, use the Radial Gradient tool with a fill 
of black to transparent. Draw a series of gradients to 
softly mask out the edges of the layer set. 


Gg Duplicate the layer, change the Mode to 
Soft Light, and the Opacity to 37 per cent. 
Open the file pub.psd on the cover CD, and drag 
the image in as a new layer. Make a selection from 
your Alpha channel, and click on the layer mask 
button in the Layers palette to mask all areas 
outside the selection. 
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8 | Open the file smoke1.psd on the cover CD. 
Select all, and copy. Create a new Alpha 
channel in your working file, and paste into the new 
channel. Use free-transform to resize and position 
the smoke so that it appears as though it is rising 
from the crushed cigarette. Create a selection from 
this new channel. 


Ctrl/Command+click the icon for the path you 

drew around the hand, to make a selection 
from it. On the current layer mask, use the Radial 
Gradient tool, with a fill of black to transparent. 
Draw a series of gradients inside the selection to 
gently mask areas and reveal the hand underneath. 
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9 | Create a new layer and use the Radial Gradient 
tool with a fill of light grey to transparent, to 
gently introduce a series of gradients inside the 
selection. This creates a soft wisp of smoke rising up 
from the extinguished cigarette. 


Part 3: Big Ben 


The government is serious, and as a statement of force, they have 
instructed us to replace the clock on Big Ben with a no smoking sign 


& Open the file bigben.psd on the cover CD. 
Drag the image into your file as a new layer. 
Use free-transform to resize and position the photo 
towards the left of the illustration. Draw a closed 
path around Big Ben. Make a selection from the 
path, and click the Add A Mask button in the Layers 
palette to hide the area outside the selection. 
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bas Create a new Alpha channel, and enable the 
visibility of your CMYK channels. Open the 
file Ink 1.psd on the cover CD. Draw a selection 
around one of the ink spots using the Lasso tool. 
Hold down the Ctrl/Command key and drag it into 
the new Alpha channel in your working file. Use 
free-transform to rotate and resize the ink spot. 


Le 


Make a selection from this channel. In the 
Layers palette, choose the Big Ben layer mask. 
Inside the active selection, use the Radial Gradient 
tool with a fill of white to transparent to unmask the 
areas within the selection on this layer, exposing 
some of the sky around Big Ben. 


Part 3: Big Ben continued... 


Breaking 
photographic rules 


You will notice when you look at 
the raw photos of the inside of 
the pub and the no smoking sign 
that they are very warm, and that 
they have a yellow-orange hue 
about them. This is the effect of 
using daylight film in tungsten 
light conditions - everything 
turns very yellow. A perfect 
effect for our nicotine-stained 
images. The artist could have 
used tungsten film, but then 
everything would have looked 
normal, and he would have 

had to create that yellow feeling 
in Photoshop. 
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4 | Make a selection from the first Alpha channel 
we created from the water colour painting. 

In the current layer mask, use the radial gradient 
with a fill of black to transparent inside this selection 
to fade out areas around the outer edge, as 

well as areas that overlap highlights of the 
watercolour background. 
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Gg Open the file nosmoke.psd on the cover CD. 
Drag the photo into the file as a new layer. 
Position it over the clock face, and reduce the 
opacity of the layer so that you can see the clock 
underneath. Use free-transform to scale, shear, and 
distort the sign so that it matches the shape of the 
clock face. 


Go Draw a path around the inside of the rectangle 
containing the clock face. Make a selection 
from it, and click the Add A Mask button in the 
Layers palette to mask everything outside the 
selection, and change the layer opacity to 

100 per cent. 


Part 4: Scanned elements 


Here we incorporate everything from old cigarette butts to traditional 
illustrations to help the finished illustration convey its message 


Innovative 
scanning 


If you have a good look at the file 
nosmoke2.psd, you will notice 
that the background is a 
styrofoam food container lid. The 
artist likes to call this a ‘scanning 
tent’. Itcan come in very handy 
as a background when scanning 
3D objects. First, it enables you 
to leave the lid of the scanner 
open, without messing up your 
scanner's automatic calibration 
of dark and light points. And 
secondly, it acts as a nice shadow 
catcher. When the light source of 
your scanner passes over the 
object, it casts a shadow against 
the background which is also 
scanned. This gives a nice 3D 
environment feeling to your 
scans. However, we recommend 
that you wash the container 


before tossing it on your scanner. 


1 | First, locate the layer with the photo of the 

inside of the pub, and change its Blending 
Mode to Overlay. It was simply too strong for a 
background element. Also, feel free to adjust any 
other layer blending modes, opacities, masks, and 
so on as you see fit. Experiment at will. 


4 | Go ahead and close cut some of the paper 
scraps and drag them in as separate layers. 
Add some subtle masks, and don't be afraid to use 
previous channels and paths to generate selections 
for use in your masks. Have some fun with duplicate 
layers and various blending modes. 


hea Open the file nosmoke2.psd on the cover 

CD. Drag the image in as a new layer on top 
of the other layers, and use free-transform to adjust 
the size. Position it in the lower right-hand corner of 
the image. 


SS eRURY 2 Ramiaaas : 
G Open the file napkin.psd on the cover CD. 

Draw a closed path around the napkin using 
the Pen tool. Generate a selection from the path. 
Drag the contents of the selection into your working 
file as a new layer. Resize, rotate, and postion the 
napkin using free-transform. 


g Change the Layer Blending Mode to lighten 
and add a layer mask. Use the Radial Gradient 
tool on the mask with a fill of black to transparent to 
mask out some of the hard edges. Duplicate this 
layer and change the Blending Mode to Overlay. 
Adjust this layer's mask further if you like. 
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Use selective colour to add some more yellow 

and magenta into the white areas of the 
napkin. Add a layer mask, and use the Radial 
Gradient tool with a fill of black to transparent in the 
mask to soften the edges of the napkin. > 
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Part 4: Scanned elements continued... 


Brush dynamics 


For those of you who are using 
pressure sensitive tablets, this 
style of painting can be very 
flexible and intuitive. When you 
have the Paint Brush tool 
selected, click on the Brush 
Dynamics icon in the tool 
options barat the top of the 
screen. There are options here to 
enable size, opacity, and colour 
to be affected by your stylus 
pressure as you paint. You can 
affect them individually, or all at 
the same time. In the paintings in 
this tutorial, the main option 
used was size variation. 


Stacking layers 


You will notice that throughout 
this tutorial you'll be duplicating 
layers and changing their 
blending modes. Forinstance, an 
increase in saturation and 
contrast occurs when you 
duplicate a layer and change the 
duplicate Blending Mode to Soft 
Light. Have some fun trying 
different combinations of 
duplicate layers with different 
blending modes. If the result is 
too extreme, try reducing the 
opacity. If things become too 
light, try tossing a multiply layer 
on top to darken things. If it's 

too dark, try reducing the opacity, 
and so on. It is through this sort 
of experimentation that you will 
come up with winning layer 
combinations to use over and 


over again. 
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Make a selection from the path we drew 

around the torn bits of paper. Use the 
Gradient tool inside the selection to do further 
masking in these areas. Duplicate the layer and 
change its Mode to Multiply. Reduce the opacity of 
the layer and mask out most of the content, except 
the napkin edges. 
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10 Select the Paint Brush tool, specify a hard 
brush, and begin painting within the inverted 
selection on your new layer. Use the Eyedropper to 
sample colours from the background. Try varying 
opacities and paint over strokes with darker or 
lighter versions of the same colour. 


13 | Move the layer down in the heirarchy so 

that it is beneath the napkin layers. Add a 
layer mask and gently fade out sections of the 

ring using the Gradient tool. Go ahead and bring in 
the remaining two rings from the image using the 
same method. Make some duplicates with 
different opacities. 


8 | Open the file sketch.psd on the cover CD. 
Select all, and copy. Create a new Alpha 
channel in your working file, and turn on the 
visibility for the CMYK channels. Paste the 
sketch into your new channel. Use free-transform 
to scale and rotate the sketch into place on top of 
the napkin. 
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Open the file sketch 2.psd on the cover CD, 
there are some more individual sketches here. 
Bring them into channels in your main file, and 
create new multiple layered illustrations within the 
image. Use similar methods to those used to create 
the napkin illustration. 


—- = 


14 | Open the file matches.psd on the cover CD. 
Draw a closed path around one of the 


cigarette butts, and make a selection from the path. 


Using the Move tool, drag the contents of the 
selection into the file as a new layer. Resize and 
position the cigarette butt around one of the edges 
of the image. 


Make a selection from this channel. Create a 

new layer on top of the others with a Blending 
Mode of Multiply. Fill the selection with a dark 
brown colour. Invert the selection (Ctrl/Command+ 
Shift+l). Create a new layer and move it underneath 
this one in the Layers palette. 


Open the file rings.psd on the cover CD. Use 

the Lasso tool to draw a selection around a 
single ring mark. Hold down the Ctrl/Command key 
and drag the selected ring mark into your working 
file as a new layer. Resize it using free-transform, 
and change the Blending Mode to Multiply. 


Bring in some more cigarette butts and 

matches as new layers. Link these new layers in 
the Layers palette by choosing Merge Linked in the 
Layers palette submenu. Ctrl/Command+click this 
layer icon in the Layers palette to make a selection 
from the contents of the new layer. 


Part 4: Scanned elements continued... 


16) Create a new layer, and place it just below the 
cigarette and matches layer in the Layers 
palette. Select a foreground colour of black, and 

fill the selection with it (Alt/Option+Delete). 
Deselect, use the Move tool to offset the layer 
slightly, and choose Filter>Gaussian Blur to blur the 
contents of the layer. 


Add a layer mask and use a Radial Gradient 

with a fill of black to transparent on the mask 
to fade out areas of the shadow that appear too 
strong. Go ahead and make selections on the layer 
using the Lasso tool and add more Gaussian blur to 
areas that require softer shadows. 


18 Make a duplicate of the cigarette butt layer 
and change its Blending Mode to Soft Light. 
Reduce the Opacity to about 40 per cent. Create a 
new layer set and add these three new layers to it. 
Add a mask to the layer set, and use the Radial 
Gradient tool on the mask to blend out areas that 
seem too sharp. 


Part 5: Little houses 


Here we combine line drawings, photos, and an acrylic painting to create this row of houses 


gy Open the file houses.psd on the cover CD, 
Copy and paste this image into a new channel 
in your working file, resize and position it. Make a 
selection from the channel, and on a new layer with 
a Blending Mode of Multiply, fill the selection with 
dark brown. Deselect, and choose the Magic Wand. 
Click once inside the houses and choose 
Select>Modify>Expand to expand the selection 

by one pixel. 


4 | Open the file cigarettes.psd on the cover CD. 
Draw a path around a cigarette. Make a 
selection from the path and drag and drop the 
contents of the selection into your working file. 
Move the new layer down in the Layers palette so 
that it is below all of the house layers. Resize the 
cigarette using free-transform, and position it so 
that it is sticking up out of a chimney. 


@ Save the active selection to a new Alpha 
channel by choosing Select>Save Selection. 
Open the file acrylic.psd on the cover CD, select all 
and copy, and paste into (Ctri/Command+Shift+V) 
the active selection. Make a selection from your 
newest Alpha channel, and open the file houses 
2.psd on the cover CD. Select a house and copy. 
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5 | Repeat this process until there is a cigarette 
sticking out of each chimney. Open the smoke 
photos and use the same method we used earlier 
with the hand and ashtray image to make some 
smoke rise up from the cigarettes. Create channels 
and then new layers based on those filled selections. 


3 | Paste the house into your working file's active 
selection (Ctrl/Command+Shift+V). Resize and 
position the house within the layer mask. Use the 
Gradient tool on the layer mask to fade out the 
edges. Change the Blending Mode to Luminosity, 
duplicate the layer and change its Mode to Overlay, 
then reduce the opacity a little. Repeat this process 
until you have a row of little houses. 


6 | Create a nice soft shadow layer under the little 
houses, using the same method we used earlier 
to create shadows for the cigarette butts and 
matches. Feel free to continue on if you like, but as 
of now, you have learned all that you need to know 
to create this illustration. FEES) 
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Vector advantages 


Vector-based drawing software can give the professional illustrator 
access to tools and effects, not to mention resolution-independent 
output, which paint programs alone could never hope to match 


raphic designers know all about vector 
illustration software: it’s for tarting up logos, 
creating Web buttons and reformatting Clip 
art. Well, if this if your view, then you could 
be underestimating just how much this software could 
change how you work. Although handling everyday 
design jobs are part of what illustration packages are 
supposed to do, most of their functionality is geared up 
to, amazingly enough, illustration. So it’s time creative 
digital artists put vector-based drawing programs 
back at the heart of their work. 

The principal off-the-shelf vector software 
packages for the professional illustrator are currently 
Adobe /llustrator 10, CorelDRAW 10, Deneba Canvas 8 


“It's time creative digital artists put 
vector-based drawing programs 
back at the heart of their work” 


Vector objects are instantly re-usable, as demonstrated by these three fish in Adobe /llustrator. the same graphic has been used three 
times but resized, reshaped and recoloured. 
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and Macromedia FreeHand 10. All four are available in 
near-identical editions for PC and Mac, including 
Windows XP and Mac OS X. Nibbling at their heels are 
a number of cheaper sub-professional class drawing 
programs, virtually all only running under Windows, 
such as Micrografx Designer and Xara X. 


One size 


The common core advantage of all these programs is 
the one-size-fits-all nature of vector graphics: they 
can be resized almost infinitely without suffering any 
image degradation. While photos and bitmap graphics 
are essentially built from a specific number of pixels, 
vector artwork is defined mathematically as plot 
points, lines, curves, shape objects and fills. 

If you blow up a bitmap to a larger size, the edges 
inevitably become jagged and the colours appear 
dotty. Increase the size of a vector graphic, and it 
retains the full integrity of the original but at the 
new resolution. Vector artwork is, as they say, 
resolution-independent. 

For this reason, illustration packages are often used 
in print advertising, where the size of an ad can go up 
and down according to the page size and the space 
booked. A classic example was the campaign which 
accompanied the relaunch of Volkswagon's Beetle in 
the late 1990s: the photo image of the car in the ads 
wasn't a photo at all but a highly detailed vector 
graphic created in Adobe /llustrator. This meant the 
same graphic could be used in A4 magazines, 
broadsheet newspapers and billboard posters with no 
loss of crispness or detail. 

Associated with this, is the RIP-friendliness of the 
conventional vector file format, encapsulated 
PostScript (EPS). Sure, vector artwork can get highly 


As well as plotting lines and curves with precision, packages 
such as Macromedia FreeHand enable you to draw freely with a 
stylus, applying calligraphic and paint styles to your strokes. 


complex and demand a good deal of memory when 
outputting, but EPS graphics fly through print systems 
compared with bitmaps. Vector-based EPS pictures 
are also preserved when publishing to Acrobat PDF 
documents, while bitmaps are resampled to a 
particular print resolution. This is worth bearing in 
mind if you're commissioned to produce illustrations 
for e-Books as well as other electronically published 
documents such as product manuals, brochures, 
presentations and how-to guides. 


Photorealism 


In the bad, old days of pure Bézier curves and solid 
colour fills, any attempt at creating figurative artwork 
would end up appearing plasticky and surreal. But 
today's professional packages have left all that behind. 

The key to photorealistic effects in conventional 
artwork is, of course, the airbrush. In illustration 
software, it’s the ability to produce gradient fills which 
impersonates the same transitional shading effect. The 
big advantage with vector gradient fills is that they are 
quick to adjust and re-apply, enabling you to alter the 
gaps between colour points, spreading the transition in 
different ways, and adding extra colours to the mix. 

Linear gradients can be rotated at will, centre points 
of radial gradients shifted around, and in packages 
such as CorelDRAW and Deneba Canvas, the 
transition can be manipulated directly inside the 
graphic using interactive tools instead of dialog boxes 
or palettes. 

Adobe /llustrator broke the linear limitation of 
gradients a few years ago, introducing a gradient mesh 
which enables you to experiment with multiple colours 
blending into each other in multiple directions inside 
an object. These are now also featured in CorelDRAW, 
but bear in mind that these mesh fills aren't preserved 
as vector data like linear or radial gradients when 
saved as EPS, but rendered to an embedded bitmap at 
your intended final output resolution. 

If you are prepared to make this sacrifice, there is a 
good deal more you can do with vector art tools. 


“Vector gradient fills 
are quick to adjust 
and re-apply” 


Bézier curves don't always need to act as a shape outline. Here 
in Adobe /llustrator, they're used to define scatter paths for 
multiple graphics and patterns. 


Deneba Canvas is unique in combining paint and 
illustration tools in one package, and sparked a craze 
for applying Photoshop-like filters to vector graphics - 
something that’s now possible in several other 
illustration packages too. For example, you might draw 
an illustration of a cyclist and then apply a motion blur 
to it for realism, orturn a plain graphic into something 
which looks as if it had been created in an 
Impressionist-style by hand using real-media brushes 
and paints. 

In all these cases, exporting to EPS causes the 
affected parts of your artwork to be converted to 
bitmaps, which in turn kills off the one-size-fits-all 
approach, but is an extra bow to your creative > 


Creative artist Kerry John Andrews has The Periodic Table. Although the 


underlying image is partly montaged 


edges soften up and lack precision, 
produced a series of digital prints 
entitled Red Earth, recently exhibited 
in London's Colville Place Gallery and 
due for exhibition at the Galerie der 


especially when reproduced at poster 
using a photo-editing package, the size; this piece is printed at 
artwork was actually put together 
within CorelDRAW. 


“| need to work to specific shapes,” 


877x870mm, for example. Vectors 
also allow for experimentation without 
Gegenwart, Wiesbaden, Germany, 
throughout April. 


committing the artist to an effect or 


expains Kerry, “I need to define that intent, let alone resolution. As Kerry 


The piece shown here meditateson edge”. The problem with masking the puts it, “I often start with the vector 


the act of ‘distilling’ as described by image with vector shapes within a shape, and can manipulate that easily 


Italian author Primo Levi in his book photo-editor, he notes, is that the in CorelDRAW’. 


One of a series of digital prints called Red Earth designed by Kerry John Andrews, and put together using CorelDRAW. 
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Freelance illustrator Pamela Hobbs 
has built an enviable portfolio of 
vector-based artwork, such as this 
telecoms-themed illustration forthe 
front cover of Recovery magazine. 
Though distinctly in Pamela's style, the 
approach is classic for eye-grabbing 
editorial illustrations, featuring 


clean-cut edges and bright colours, 


Illustration 


armoury that isn't available when using paint 


programs alone. 


Recycling art 


The demarcation between strokes and fills allows a 


good deal of freedom. Fora start, you're not committed 


presenting crisp iconic ideas in an 
accessible fashion. The computer, 
mobile phone or satellite wouldn't 
appear so clean-cut as soft-edged 
bitmap paintings or photo montages. 
The vector advantages are classic 
too. From the artist's point of view, the 
artwork can be retouched quickly as 


necessary, yet always maintaining 


those sharp edges and clean colours. 
From the production angle, changes in 
scaling or re-use at various sizes won't 
require any extra work, nor will doing 
so lose any image quality. Pamela used 
FreeHand to create this illustration, 
making use of the program’s Bézier 
Pen and freeform Pencil tools, not to 
mention some subtle gradient fills. 
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to anything: having drawn a frog, you can make it 
green, red, purple, polka dot or whatever. You can 
make it frog fatter or skinnier, move its feet to a new 
position, turn its head and so on. Or having created a 
complete piece of artwork for one commission, you 
can pick out individual graphical elements effortlessly 
and re-use them in other commissions in new ways. 

This in itself opens up many additional lines of 
creative potential. Since you can fill a vector object 
with any colour or gradient, why stop there? You can 
just as easily fill it with a tiled pattern or bitmap 
texture, or even with other vector graphics and 
imported EPS images; the better packages enable 
you to rotate the angle of these special fills to 
maintain photorealism. 

Envelopes are important here, because they make it 
possible to manipulate an entire graphic ora certain 
selected area in your artwork as an integral unit. A very 
commonly-used envelope is a sideways trapezium 
shape, which effectively applies a perspective effect. 
Of course, if you want 3D, CorelDRAW and Deneba 
Canvas actually include highly effective extrusion 
tools. As well as adding depth and thickness to 2D 
objects within a floating 3D space, you can experiment 
with light sources to generate appropriate shading 
effects. And again, the result is still a vector graphic. 

Not least worth considering is the blend function 
which works ina similar way to the tweening function 
in an animation package by interspersing intermediate 
morphed shapes between two selected objects. You 
can make a letter'‘l’ turn into a tree, a letter ‘S’ intoa 
swan and so on, then continue to edit the original two 
graphics while the intermediate steps update 
automatically. If this doesn't trigger some creative 
juices, become an accountant. 


More than pens 


Many fine artists who rule out vector illustration 
software because of its pedantic Pen tools might want 
to look again. Today, you can draw freehand with your 
stylus and let the software work out the Bézier path for 
you. Curves can be nudged, tugged and rubbed out 


“Pick out graphical 
elements effortlessly 
and re-use them” 


Graphics created as vectors can be manipulated and distorted 
within envelopes while maintaining their visual integrity and 
crispness, as shown here in Macromedia FreeHand. 


intuitively, not just replotted as in the old days. It’s also 
worth checking out the many special Shape tools 
provided in the various programs, such as grids, 
concentric circles, spirals and contours. 

Illustration packages can produce real-media effect 
strokes such as a calligraphic nib - rather like 
Photoshop but you have the advantage of being able to 
re-edit the strokes and curves afterwards. They also 
often come with irregular or combination nibs which 
draw multiple strokes along a path, producing results 
which can look blotchy, sketchy or bristly. 

Obviously these are no match for Corel Painter 7, 
but you may be surprised at what you can achieve 
with specialist vector packages such as Creature 
House Expression or Satori FilmFX. These two 
last-mentioned are professional vector illustration 
programs which apply realistic art stroke effects along 
skeletal paths. In the first instance, you end up with 
digital artwork that could easily have been created 
with Corel Painter, but being vector-based, it’s easy to 
change without painting over and starting again. 

Mainstream vector software also usually comes 
with graphic brushes which use other vector graphics 
as the ‘paint’ to apply to your freehand strokes. Soa 
wobbly line can become a scattering of leaves, a 
bunch of balloons, a shoal of fish or a piece of rope 
depending on which graphic brush style is applied. 
Adobe /llustrator 70's new Symbol tools take this a step 
further by playing with grouped graphics in an 
interactive and random way, so that a shoal of fish, for 
example, is even easier to create with realistic results. 


Beyond the obvious 


The obvious is, of course, the Web. Flash movies are 
best created with vector graphics in order to keep file 
sizes down and visual quality high, so vector-savvy 
illustrators are always in demand. Many other Web 
image formats also begin their life as vector artwork 
because of their re-usability and precise editability, 
such as image maps, animated GIFs and SVGs. 

Vector and bitmap artwork also mixes better within 
the vector environment because it affords more 
precise control over layout. Synergy Icons designs 
paper models on this basis; these are DIY craft models 
which you print, cut out, then fold and paste together. 
Only by combining the absolute precision of vector 
lines and curves with the photorealism of bitmap 
texture fills can many of these models be created in 
the first place. Try some of the free samples out for 
yourself at [w] www.synergyicons.com/catalog.htm. 


Applying a gradient transparency mask across an object and 
then adjusting the transition is quite a task in Photoshop, but it's 
an interactive click-and-drag action in CorelDRAW. 


Professional illustrators may appear aghast in public 
at the idea of using ready-made Clip art. After all, 
Clip art is supposedly intended for jobbing designers 
and office workers, not creative artists. But it can 
also provide a useful starting point for elements of 
original artwork, not least commercial illustrations. 
Why spend an hour drawing a credit card graphic 
from scratch, for example, if you can grab a piece of 
Clip art and then quickly manipulate it in an 
envelope, recolour it and extrude it? Also, despite 
Clip art's poor reputation, it is often handy for 
temporary positional graphics and can sometimes 
trigger fresh ideas. 


As welLas being used to put the entire artwork 
together for these models, Deneba Canvas also 
enables Synergy Icons to generate the Acrobat 
PDF documents for resolution-independent 
Web distribution. 

Vector illustration software has certainly come 
a long way since those early days, and is nowa 
full-on tool for the creative artist and illustrator who 
wants to draw pictures, not just design elements. If 
you're still using it just for fixing logos, you're seriously 
missing out. 
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The top vector packages can export multiple layers to Flash and, in the case of Deneba Canvas, animated GIFs too. Vectors mean the 


graphics are easy to manipulate and you’ re not committed to a specific output resolution. 
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Illustration: Derek Lea [e] derek@dereklea.com 


Canvas 6 


In the first of two tutorials, we explore many 
of the powerful vector drawing tools that this 
all-in-one art application has to offer 


nthis month’s cover CD you 
| @ J witttind a tut version of 
Deneba Canvas 6. Canvas is 
an all-in-one art application. 
It has tools for vector drawing, text, and 
bitmap-based imagery and painting. In 
this tutorial, which is the first part of two 
(the second part is in Computer Arts 
issue 68) we focus on vector-based 
tools: things like basic shapes, path 
creation and editing, vector transparency 
masks, and clipping paths. 

The artwork is fora fictional bottled 
water company. In this tutorial, we'll 
create the artwork portion of the 
corporate identity and what better to 


represent mountain spring water than a 
mountain range, with a body of water 
below it and blue skies overhead? In part 
two, we'll delve into the bitmap imagery 
options and typographic elements to 
create a label design for the bottle. So 
you'll have to wait until then to find out 
the name of the company. 

Right now, let's focus on vector art. 
The only way to create a logo, resolution 
independence, is very important when it 
comes to logo art because you never 
know how big you'll have to reproduce it. 
We'll start by installing Canvas 6 from 
the cover CD and putting together this 
company's main visual element. 


Part 1: The initial shape 


Using the Ellipse tool in conjuction with Align and Combine functions, we create an 


elliptical frame for our logo, and then create a background with a gradient fill 


Constraints and 
origins 

When adjusting an object using 
its bounding box, you can 
constrain the aspect ratio by 
holding down the Shift key. Also, 
holding down the Alt/Option key 
will make the centre of the object 
the origin point of any 
adjustments. The two keys can 
also be used in conjunction with 
each other. When drawing a 
shape using the Ellipse or 
Rectangle tool, these two keys 
come in handy. Holding down the 
Shift key while drawing a shape 
constrains the aspect ratio of the 
shape to draw a perfect square or 
circle, depending on which tool 
you use. Using the Alt/Option 
key will draw the shape from its 
centre out, as opposed to starting 
from a corner, which is the 
default state. 


Tearing-off palettes 


Near the bottom of the toolbox, 
under the tools, you will find the 
opacity slider, Strokes palette, 
Pen Ink palette, and Fill Ink 
palette. You can click and hold 
any of these to access the 
options. Or if you would like 
these palettes to remain on the 
desktop, just click and drag an 
icon off the toolbox to create a 
floating palette. More options are 
immediately displayed in the 
floating palettes, than in the 
same ones that remain in the 
toolbox. So it is a good idea to 
tear off each one to have a look at 
what other options appear. 


Launch Canvas. In your new file, using the 

Ellipse tool from the toolbox, draw two 
ellipses. Make the second one a little smaller. Select 
the smaller one using the Selection tool in the 
toolbox (simply click on it). A bounding box will 
appear around the object. Use the handles on the 
bounding box to adjust the shape of the ellipse. 


4 | With the new shape selected, go to the Fill Ink 
palette in the toolbox, (the paint bucket with 
the coloured square beside it), and choose a dark 
blue fill colour. Choose the frame button in the Inks 
palette to edit the colour of the stroke and not the 
object's fill. Select white for the stroke colour, and 
choose a 2 point thickness in the Strokes palette. 


Use the Selection tool to click and drag, 

creating a selection box around both objects, 
selecting them both. Under the Object menu, 
choose Align. In the Align dialog box, choose Each 
Other from the pop-up menu, and in the Horizontal 
and Vertical Alignment options, choose the Central 
Alignment option. Click Apply to align the shapes. 


Choose Layout>Display>Wireframe from the 

menu to switch to Wireframe Display Mode. 
Draw a new ellipse, and use the bounding box 
handles to adjust the shape and position of this 
ellipse so that it is larger than the hole in the first 
shape. But keep it small enough so that it doesn’t 
exceed the overall size of the first shape. 
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With both shapes selected, choose Combine 


anne 
from the Effects menu. In the Combine dialog 
box, choose the Subtract Front option and click 
Apply. This option creates an elliptical hollow shape 
by removing the foreground object from the 
background object: a similar operation to that 
performed by Adobe ///ustrator’s Pathfinder tool. 


G Now, disable Wireframe Display under the 
Layout menu. Choose the Under Water 2 
preset from the Gradient section of the Inks palette. 
Adjust the colour spacing by dragging the 
intermediate pointers in the bar inside the Gradient 
Manager. Also, invert the direction of the gradient 
by dragging the handle in the direction box, and 
click Apply. 


Part 2: The mountain 


Here we will use a combination of drawing tools, vector transparency masks, 


transparency options, and transfer modes to create the central element for the logo 


Use the Curve tool to draw the outline of a 

mountain. Clicking and dragging with the 
Curve tool creates an anchor point with tangent 
handles which behave in the same way as Bézier 
curve handles. You can complete the shape by 
clicking Enter and double-clicking the starting point. 
Choose a grey fill colour from the Inks palette. 


Double-click the shape with the Selection tool 

to enter Path Edit Mode. Click and drag 
individual points and tangent handles to adjust the 
shape. Alt/Option-click on the path to add an 
anchor point, or Alt/Option-Shift-click on the path 
to remove a point. Click Enter when you are finished 
to exit Path Edit Mode. 


Use the Curve tool to draw a shadowy shape 

across the lower area of the mountain and click 
Enter to close the shape when finished. By default, 
the fill which you used previously will be applied to 
your new shape. In the Transparency tear-off 
palette, change the Transfer Mode to Multiply, and 
reduce the Opacity to 50 per cent. > 
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Clipping paths 


When you create a shape to be 
used as an object clipping path, 
make sure that it doesn't have a 
stroke applied to it. Odd results 
occur when you use a stroked 
object as a clipping path — 
there seems to be a residual 
effect where a hairline of 

the stroke lingers after the 
clipping path is applied. To 
ensure that this doesn't happen, 
select the object and choose 
No Stroke from the Strokes 
palette before performing the 
clipping operation. 
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4 | With your shadow shape selected, choose the 
Directional Transparency tool from the 
toolbox: it's the diagonal arrow on the right-hand 
side of the toolbar just above the opacity slider. Click 
and drag to create a vector transparency mask, and 
fade the opacity of the object. A line appears 
representing the direction of the effect. You can edit 
this line (and the effect) using the same tool. 


Use the Curve tool to draw a snowcap on 

top of the mountain and fill it with white. 
Next, draw in some more shapes for shadows 
in the snow using the Curve tool. Choose a grey 
colour in the Inks palette that is lighter than the 
grey of the mountain. Select the shapes and 
change their Transfer Modes to Darken in the 
Transparency palette. 
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7 With the Selection tool, hold down the 
Alt/Option key and drag the mountain group 
to the right, creating a copy. Hold down the Shift 
key to constrain the aspect ratio and use the 
bounding box corner handles to reduce the size of 
the copy. Then, choose Object>Arrange>Shuffle 
Down to tuck this mountain in behind the first one. 


8 | Use the Curve tool to draw a shape that 
overlaps the area of the smaller mountain 
within the oval only. Then, select the shape and the 
small mountain group and choose Object>Clipping 


Path>Make to clip out all areas of the mountain that 


lie ouside of the shape. Go ahead and make another 
copy of the mountain on the left and resize and clip 
it using the same techniques. 


Use the aforementioned techniques to add 

some more highlights and shadows to the 
mountain. Experiment with different transfer modes 
and opacities. When you are finished, use the 
Selection tool and select the mountain, then, 
holding down the Shift key, also select the other 
elements that make up the mountain by clicking on 
them. When they are all selected, choose Group 
from the Object menu. 


aroun 
tock 
Valo 


‘Cunpivg Path 
Transparency 


Select the outer oval frame created earlier and 

choose Object>Arrange>Bring To Front to 
bring it to the foreground. Then change the Fill 
Colour to Grey in the Inks palette so that it matches 
the mountain a little better. Always remember that 
you can change your mind along the way. 


Draw a series of overlapping circles and, with 

them all selected, use the Add function from 
Effects>Combine to make them into one shape. 
Then, draw a rectangle across the bottom and 
choose Subtract Front from the Effects>Combine 
options to subtract the rectangle from the cloud 
shape, giving it a flat bottom. 


oO Use the Selection tool and hold down the 
Alt/Option key to drag duplicates of the 
clouds across the sky. Adjust the sizes and positions 
of the various clouds, as well as their opacity in the 
Transparency palette. Continue until you think there 
are enough, but don't make the sky too busy - it 
provides a nice bit of negative space. 


12 What would a bottled water logo be without 
some water in it? Use the Curve tool to draw a 
little shape to represent a lake at the base of the 
large mountain. Specify a fill of blue in the Inks 
palette, with no stroke. Then, select the oval frame 
and bring it to the foreground once again using 
Object>Arrange>Bring To Front. Feel free to use 
everything you have learned so far to add further 
embellishments to the artwork. FEES 


To order Canvas 8 for only £149, call Upgrades Unlimited on 


020 8358 5855............ 


or visit [w] http://www.upgrades.co.uk 


Please specify whether you'd like the PC or Mac version. For more information on Canvas products, see [w] www.deneba.com 
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says an artist who's move into the 


mainstream has seen him notch up some impressive credentials... 


an Whadcock’s laid-back authority on the 
subject of commercial illustration is the 
result of 15 years spent developing a 

| complex, fluid and above all instinctive 
visual language. “The way you draw is as personal as 
the way you speak or write, and it should flow as 
naturally and unconsciously as language, if at all 
possible,” he says. “So for example, you don't think 
‘how would | draw scissors?’ You just do it based on the 
experience of all the other times you have drawn 
scissors. | think it’s something that you begin to 
understand over time — that we all have different 
voices, and the key is in having the confidence to just 
be yourself and work with that.” 

During the course of his career, he’s worked for 
clients such as The Guardian, where for the past few 
years his front cover illustrations have invited readers 
to take stock of their lives in the Jobs and Money 
section. He's also created book covers and illustrated 
pages for publishers such as Oxford University Press, 
created witty ad campaigns for VW and contributed to 
the prestigious Adobe Calendar. His most recent 
assignment, a monster undertaking for Powergen (see 
the boxout on the right), has, forthe first time, seen lan 


expand his artistic vocabulary to include designing for 
a series of animated TV ads. 

These impressive credentials can be traced back to 
a point when lan decided to indulge in a bit of stylistic 
soul searching to address the commercial 
shortcomings in his work. “I had the kind of folder 
which would probably get me half a dozen really nice 
jobs a year for independent publishers, but would in no 
way sustain me fora career,” he explains. “| wanted to 
be a full-time illustrator working in the mainstream for 
the national press and magazines, and | quickly 
realised that what | was doing wasn't going to take me 
in this direction. For me the challenge was dealing with 
those aspects of my work which I'd tried to avoid 
through an over-reliance on surface, texture and style. 
| wanted to find a way of dealing with the figure that 
made sense in the work | was creating: to work with the 
figure in any number of scenarios without resorting to 
realism or cliche.” 


A digital twin 


lan's revamped style put him on a collision course 
with computers, particularly foreshadowed in his > 


1. Eastwing Volume 2 (self promotional piece) 
‘Bees + Honey/Money’ 

This image utilises scanned engravings and 
hand-drawn elements to create a complex 

image which was used as part of a self promotional 
project with lan’s agent which generated a good 
response at the time and still brings in work today. 
Note the graded sky and depth-inducing shadows, 
typically added in Photoshop just before lan 
flattens his images. 


2. Powergen Plc (Heathrow Airport, advertising on 
escalator panels) 

This image was created as part of a sequence of 13 
which was used on 26 panel escalator drops in 
Heathrow airport over the last 12 months. Each 
panel illustrated a different aspect of the client's 
corporate activity — in this case, its relationship to 
large and small businesses. 


Construction kit 


Recent work for Powergen involved lan 
collaborating with a team headed by 
Picasso Pictures’ lead animator Damian 
Gascoigne, who translated lan's 2D 
keyframes into the 3D perspective of the 
familiar animated ad campaign. “| had to 
be less precious about what | delivered to 
the animation team because they often 
only require lots of small elements of 
information to develop the sequence. In 
effect, you provide a construction kit of 
elements that can be put together on the 
storyboard, so | would send a page of 
clouds, a page of aeroplanes, a man riding 
a bike, six birds, a chair, and so on,” lan 
explains. “The surprise to me was how well 
Damian was able to get inside my head 
and form a set of rules that defined the way 
| was likely to approach things visually - 
things | wouldn't consciously have 
acknowledged prior to this, but which he 


was able to translate to screen.” As wellas 


their TV incarnations, the Powergen 


designs have taken lan's illustration to a 
variety of new frontiers, including taxi cab 
makeovers, huge escalator drops and giant 
airport posters: these unfortunately 
showed up the limitations of Photoshop's 
pixels when forced to change scale to such 


a dizzying extent. 
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experiments with paint and collage, and the use of 
acetate and laser photocopying to work in layers. 

However, it wasn't until 1997 that he started using 
Photoshop commercially, and perhaps because of this 
relatively late awakening, he still feels the vestigial 
pull of his past influences on his digital working 
methods. “I suspect that the way you approach layering 
if you've only produced work on screen is different 
from when you've done it ona press, and that mentally 
| still think in a physical way about the construction 
process,” he says. He adds that if the tools of today had 
been available when he was studying, he'd have 
become completely lost in surface and texture and 
evolved ina different direction. 

Clearly, though, lan doesn't think his technologically 
precocious alter ego would necessarily be any better 
off, artistically speaking. “You can make it easier for 
people to draw, you can develop intuitive programs 
that guide you through the construction of an image 
and take away some of the labour — but in the end, the 
software becomes too dominant and starts demanding 
a credit in the final outcome,” he warns. “It’s a denial of 
our own abilities to invent and translate from life. It’s 
tempting to become reliant on existing material when 
working digitally, be it collage elements or one’s own 
drawings. So much is instantly available that we forget 
that we're capable of creating new things from scratch, 
and the pleasure that pure invention creates.” 

Consequently, lan likes to keep his use of 
Photoshop to a minimum in the early stages of a piece, 
where lots of layout pads, a clear head and a pencilare 
the three musketeers. “Over time, you get to 


understand how ideas form for you and what triggers 
you need from the client or text,” he explains. “In terms 
of actually producing the artwork, | guess | approach it 
in exactly the same way, with accurate planning and a 
willingness to experiment with the image as it comes 
together — especially where colour is concerned.” 


Animation and alchemy 


Collaborating with Picasso Pictures on the Powergen 
project has opened Ian's eyes to animation, and he 
foresees a return to the medium before long. “I'd like to 
develop a body of work entirely in /llustrator, Flash and 
After Effects. From the limited experience | have with 
these programs, | can see ways of moving the work 
around that excites me and isn't possible purely in 
Photoshop,” he says. “But | see this as a laboratory 
project, something that will feed into my main area of 
work overtime.” 

His ongoing ambition is to keep evolving as an 
illustrator, and to carry on creating strong, memorable 
solutions to the quotidian, often mundane, demands of 
editorial life in the press. “It has less to do with how | 
create the image and more to do with finding a good 
idea in the first place,” he says. “If you can't turn dull 
copy into ideas or pictures then all the software and 
RAM in the world won't help you.” EEE 


You can contect lan Whadcock via Andrea Plummer at Eastwing 
Ittustrators Agency on [t]0207 6135580 orviaemailat = 
Palen ci nasr yard tacoas aaa ay lags 
Iw] www.eastwing.co.uk or [W] www.aci.couk 


1. 3i/QED magazine - ‘Innovation deficit’. 

Asimple but effective stylistic departure, demonstrating 
figuratively how the failure to innovate can affect the 
future prospects of businesses in the global economy. 


2. ‘Memory’; ‘How we store Information in our memory’; 
“Techniques to improve your memory’; title pages. 
These three images form part of a sequence of seven 
illustrations which have recently been produced for a 
publication on memory, with each one used as a chapter 
heading in the book. 


3. Guardian, Jobs + Money cover - ‘Insurance 
compensation’. 

Focusing on how customers are struggling to get any 
form of compensation out of a troubled insurance 
company, this image is covered in the walkthrough below 
it. “Not having a mangle to hand, | had to consult a 1938 
edition of the Army & Navy catalogue for suitable 
reference,” lan explains. “This catalogue was purchased 
12 years ago for £3 secondhand. It's three inches thick 
and chock full of things you'd spend hours looking for in 
a library.” 


4. FT/Money Matters supplement cover - ‘Achieving a 
company valuation’. 

Front cover for The Financial Times, Money Matters 
series, illustrating how company valuations are based on 
past, present and future performance indicators. 


5. Adobe Europe Calendar - ‘Y2k Vision’. 

Produced in 1999 as part of Adobe Europe's Calendar 
series, the company asked all 12 illustrators concerned 
to focus on Millennial themes. lan’s image combines 
scanned ink drawing, found textures, engravings and 
vector drawing to create a scene which is in part based 
on the Alice in Wonderland rabbit and his mantra: “I’m 
late, I’m late for a very important date...” Produced ina 
limited edition of 1000, it was mailed out to senior 
creatives across the UK and abroad. 


This Guardian section cover, based on a] Once approved, the artwork file is set 
the idea of customers struggling for up at full size with plenty of bleed, at 


compensation from a troubled insurer, is 300dpi using guides. The pencil is then 
the result of many pencil roughs, refining used at a low opacity to create the digital 
the idea to a simple line. This sketch is line drawing, at which point scanned 
scanned and placed into a mock layout to elements and freehand drawing are 


ensure enough room is left for text. sometimes incorporated. 


When the drawing is complete in 4 | Once happy with the relationships 
black and white, lan then sets to work between colour, line and texture, lan 
quickly on any number of layers to add then adds any background colour, cast 
colour, texture and pattern to the image, shadows or modelling on objects necessary 
experimenting along the way. Colours are to add depth to the final artwork. After a 
often limited to two, plus tints to ensure a final tweak of the colours in a flattened 
strong graphic impact. version, the image is sent and lan's line, 
flattened and final versions are archived. 
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Illustrator: 
designing 


for print 


We guide you through the creation and 
production of a real world commissioned 
illustration brief from start to finish 


he artist’s brief was to create 
acover image for Frontline 
magazine, which is a national 

a physiotherapy magazine. The 
issue which the illustration was 
commissioned for discussed leadership 
initiatives in the NHS and how 
physiotherapists are involved. 

The client suggested the possibility of 
using a spaghetti junction and requested 
that other medical staff such as doctors 
and nurses be shown in the illustration 
(these had to be a mix of gender and 
racial types). 

The idea was that the illustration 
should work as a standalone cover 


illustration, but parts of it would also 
be used throughout the magazine as 
spot illustrations. 

From then on, the job was in the hands 
of the illustrator, Domanic Li who is 
represented by The Organisation 
Illustration Agency. After creating a 
pencil rough that was approved by the 
client, Domanic created the piece using 
Illustrator 9's transparency and blending 
mode features and its industry standard 
toolset. In this tutorial, we guide you 
through the production of the illustration 
from start to finish, showing you how the 
illustration developed from an initial 
drawing to the final artwork. > 
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Part 1: Creating a rough and setting up the document 


The first stage is to draw up a rough for client approval. This enables the client to get an impression of the 
final illustration and allows any problems to be cleared before the artwork is started 


The purpose of 
a rough 


Most illustrators will create some 
kind of rough or mock up of how 
they envision their artwork will 
look, before starting on the 
artwork, be it simple pencil 
sketches or more detailed 
coloured drawings. The rough 
helps the client understand the 
illustrator’s vision and enables 
the client to request any changes 
in content, composition, colour 
and so on before the artist starts 
work on the commissioned 
piece. The creation of a rough isa 
creative process in itself and can 
actually take longer than 
producing the artwork. Good 
communication between artist 
and client is also necessary as a 
rough is limited in how far it can 
depict the illustrator’s intentions. 


@ The first stage is the development and drawing 
of a rough idea. Here, a number of roughs 
have been drawn up, one of which we've selected 
to be developed further. As you can see, the 
drawings at this stage are just quick thumbnail 
sketches to give an impression of the idea involved. 


4 | Here the drawing has been opened in 
Illustrator and the layer it's on has been 
renamed and turned into a template layer (Layers 
Palette Options>Template). This fades the layer (by 
default 50 per cent) and locks it, enabling you to use 
the drawing as a tracing template which is also 
visible in Artwork Mode (Ctrl/Command+y). 


Here the selected idea has been drawn up to a 

larger scale to show more detail and give the 
client a clearer idea of the finished piece. The client 
was familiar with the illustrator's style, so the figures 
have only been loosely indicated. 


[5 | Make sure that you are working in CMYK 
colour mode. A swatch of colours is now 
created. To create your own custom swatch, you 
can mix up your own colours and then drag them 


into the Swatches palette. Alternatively you can use 


Pantone swatch libraries or a whole host of other 
colour libraries (Window>Swatch libraries). 


3 | At this stage, the drawing is scanned and 
cleaned up in Photoshop, before being saved 
as a JPEG file which is sent to the client via e-mail for 
approval. After a telephone discussion with the 
client in which such things as colour schemes and 
typographical content were agreed on, the job got 
the go ahead. 


Here layers have been created for artwork to 

be created on and named accordingly. 
Working in layers enables you to organise your work 
efficiently and makes editing artwork easier because 
you can lock or hide layers at will. If you hold the 
Alt/Option key down as you lock or hide a layer, 
you will lock or hide every other layer instead. 


Part 2: Creating the roads 


A little forward thinking goes a long way in making the production of the roads much easier 


Open frontline rough.jpg on the CD. Draw the 

roads’ centre lines on separate layers. Draw 
the lines using the Pen tool and adjust them using 
the White Selection tool, but you could also use the 
Pencil tool in conjunction with the Smooth tool, or 
the Object>Path>Simplify Command. 


Set the thickness of the roads using the Stroke 

Palette settings. This way the overall shape of 
the roads can easily be altered by adjusting the 
central path, and the sides of the roads will 
definitely be parallel to each other. You can change 
the paths altogether, or if you prefer, make changes 
to one path, then use the Eyedropper tool on other 
paths to copy the Stroke settings. 


To make the main shapes for each road, copy 

and paste the path in front (Ctrl/Command+F) 
and adjust the Stroke and Colour settings to create 
the dotted centre line. To create the outlines, paste 
in front again and use the Object>Path>Outline 
Stroke command, then use the colour and stroke 
settings again to define the outlines. 


Trouble with 
selection? 


Use the Layers palette to 
organise your artwork. It is often 
best ta isolate the element you 
are working on by placing it on its 
own layer and hiding everything 
else by Alt/Option-clicking on 
the Show/Hide area of the layer 
in the Layers palette. 

Use Artwork Mode 
(Ctrl/Command+Y) to view your 
artwork as linework only 
because strokes and fill settings 
can obscure other parts of the 
illustration or make selection 
tricky. The Lock command 
(Ctrl/Command+2)is also 
useful to momentarily lock an 
object, to select an object 
directly underneath it on the 
same layer for example. Don't 
forget to unlock the shapes 
afterwards though! 
(Ctr'/Command+Shift+2) 


4 | You can make the main path into an editable 
shape by using the Outline Path command. 
Copy this shape and paste it behind everything else 
(Object>Arrange>Send to back). Offset this copy 
and give it a darker colour to give the road some 
depth. If you have difficulty in selecting the 

correct path, you can use the Lock command 
(Ctrl/Command+2) to lock a path. Use 
Alt/Option+Ctrl/Command+2 to unlock all. 


Create the looped road by splitting the original 

path in two using the Scissors tool and placing 
the two halves on their own layers. They can then 
be made up in the same manner as the other roads, 
except that where the edges of the looping road 
meet up, the white outline strokes are removed by 
selecting just the edges with the White Selection 
tool and hitting the Delete key. 


G Finally make up a gradient by using the 
Gradients palette. Drag colours from the 
Swatches or Colour palettes on to the gradient bar 
of the Gradient palette. Give the roads the gradient 
fill and use the Gradient tool to control the gradient 
direction on each road layer. To make selecting the 
roads a little easier, select one then use the 
Edit>Select>Same Style command. 


Part 3: Creating the signs 


Now we'll create the 3D-looking signs by using the Free Transform tool and basic gradients... 


Using the Free 
Transform tool 


The Free Transform tool can be 
used to resize objects by pulling 
‘on the bounding box handles. 
Holding Shift while dragging a 
corner handle will constrain the 
object being scaled. Clicking and 
dragging outside the object will 
rotate it. Holding Ctrl/Command 
down after dragging a side 
handle will enable you to shear 
the object, while holding 
Ctrl/Command down after 
dragging a corner handle will 
enable you to freely distort the 
shape. Combinations of Shift (to 
constrain) and Alt/Option will 
enable you to constrain the 
distortion as well as distorting 
two sides at once. 


We'll draw out the basic shape of the signpost 

by creating a rectangle. Use a guide to mark 
the centre, then add a point to one side using the 
Add Points tool. Now use the White Selection tool 
to select the point and use the arrow keys to move 
it. Holding the Shift key down while using the arrow 
keys will move things by 10 times the keyboard 
increment setting (found in General Preferences). 


<< 


This shape is then copied and dragged into 

position using the drawing as a guide. To copy 
while dragging, hold the Alt/Option key down first; 
the cursor changes to a double arrow so you can see 
what you are about to drag-copy. Remember to let 
go of the mouse button first, otherwise you will just 
move your object. 
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To make the signposts look extruded, we'll 

create some rectangles and adjust one side at a 
time with the White Selection tool to align with the 
edges of the signposts. To clean up, use the White 
Lasso tool to select around points that should be on 
top of each other and use the Average command 
(Ctrl/Command+Alt/Option+)). 


Create a gradient and apply it to each signpost 
shape. Use the Gradient tool to control the 
direction of the gradient for each individual shape 
for each signpost. Finally create an outline shape for 
each signpost by copying each set of signposts, then 
paste them in front using the Merge command in 
the Pathfinder palette. Give the resulting shape a 
Stroke setting with no fill to create the outline. 
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Now we'll use the Free Transform tool to shape 

the individual signs. When you select a shape 
with the Free Transform tool, you'll see a bounding 
box with handles around the object which you can 
use to resize the object as well as being able to shear 
or even distort it. If you click on one of the side 
handles, then hold the Ctrl/Command key down, 
and you'll find that you can shear the object. 


Finally, add the text and reshape it to fit each 

signpost shape by once again using the Free 
Transform tool on each separate piece of point type. 
To finish off, group each set of signposts to make 
repositioning easier. > 
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Part 4: Creating the characters 


By starting off simple and applying detail in stages, we can break down the process 
of creating the figures into more manageable steps 


Simplifying your 
artwork 


Though this illustration is quite 
stylised, the techniques involved 
can be adapted to other types of 
illustration and graphic creation. 
Try to break down your work into 
smaller, more manageable tasks. 
Block in the larger areas first so 
you can get a sense of how the 
composition and colour in the 
piece are working, then start 
adding detail in stages. Create 
new artwork on separate layers 
to ease manipulation and 
selection. You can select an 
object and transferit to other 
layers by clicking on the colour 
chip that appears in the Layers 
palette and dragging it to another 
layer. Alt/Option-dragging the 
chip will drag a copy of the 
selected object to the layer 
instead. It is often easierto 
create one object, then adjust 
copies of that object rather 

than creating similar objects 
from scratch. 


Lo-tech beginnings 
Domanic Li always starts off on 
paper first, using a humble clutch 
pencil and layout pad which 
enables him to quickly formulate 
and process ideas before 
commiting to any computer work, 
It may sound like basic advice 
but it means that when he does 
start working on the computer, 
he can concentrate on just 
producing the work, rather 

than having to solve any 

design problems. 


ge We'll start off by blocking in the main shapes 
of the figures. Use the Pen tool to draw out 
the main areas of the figures such as the bodies, 
arms, heads and legs. Give these shapes basic 
colours so you get a rough idea of how the figures 
will look. 


4 | Repeat this technique for all the different body 
parts for the various figures, building up detail 
as you go along on the faces, hair and so on. 
Wherever possible, copy parts from one area to 
another rather than redrawing objects from scratch. 
This will speed up the process a little, though many 
areas will have to be done manually. 
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Fay Ona new layer, add shadows to the figures by 

drawing out shapes with the Pen tool. To 
achieve the faded look, give the shadows a simple 
gradient (which you can control with the Gradient 
tool) and set them to multiply at 50 per cent using 
the Transparency palette. 


To create the detailing on the figures, the 

following technique was used. A shape was 
drawn to define a shadowed area above the original 
shape. The original shape is then selected, copied 
and pasted in front. This copy is selected with the 
shadow shape and the two shapes are intersected 
using the Pathfinder. You can use the Multiply 
Transparency settings to make the shape darken the 
area below it. 


5 | Here you can see that just by changing the 
colours and position of objects you can create 
new body parts easily and quickly. Taking shortcuts 
such as these can be really beneficial when you're 
up against a tight deadline! 


Each group of figures and their shadows 

are now placed on their own layers. You can 
use the Layers palette to organise artwork or even 
select specific shapes, objects or paths. You can also 
check or change the hierarchy of the objects using 
the Layers palette, which shows you sublayers and 
groups for each layer. 
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Now a new zig zag shape is drawn out using 

the Pen tool. This shape overlaps the shadow 
shape we've just created. We'll use the same 
technique of copying the shadow shape, pasting in 
front, then intersecting the copy with the zig zag 
shape. Once again, use blending modes to control 
how this shape darkens the one below it. 
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6 | Once the main figures are done, you can start 
adding more details such as hair, collars, 
watches and so on. In this case, the client requested 
that the physiotherapist figures had to have a 
specific badge on their arms. We recreated the 
badge in /I/ustrator and copied and pasted it into 
position on the illustration. 


9 | On a separate layer, create a spotlight by 
drawing out a circle shape over a group of 
figures. Use the Object>Path>Add anchor points a 
couple of times to add more points to the circles. 
Next use the Twirl tool to add visual interest to the 
spotlight area before applying a radial gradient. 
Finally set the shape to Screen Blending Mode at 
around 15 per cent Opacity, then copy and scale the 
shape into position over each group of figures. 


Part 5: Adding finishing touches 


These finishing touches really pull the illustration together, as well 
as giving a sense of depth and visual finesse to the final piece 


Shape shortcuts 


When drawing out geometric 
shapes in /llustrator, try the 
following different keyboard 
combinations with the mouse 
button still held down. To change 
the number of sides in an object, 
use the up and down arrow keys. 
To constrain the shape, hold Shift 
down, To reposition the object 
while keeping it active, hold the 
spacebar down. Certain tools like 
the Spiral and Star tools enable 
you to hold down the 
Ctrl/Command key while 
drawing them and drag left and 
right to adjust the amount of 
spiral or the depth of the 

star points. 


Create the background by drawing out a 

simple shape which we'll give a subtle 
gradient. Next draw out a star shape inside this 
shape and adjust the gradient slightly to make the 
star shape more visible. When drawing out the star 
shape, press and hold the Ctrl/Command key and 
drag left and right to adjust how far the spikes come 
out. To adjust the number of spikes, use the up and 
down arrow keys on the keyboard. 
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Create the tree trunks by drawing out a 

rounded rectangle shape (use the up and 
down arrow keys to adjust how rounded this 
shape is while drawing it) and create a shadow 
shape using the pathfinder technique again — copy 
the rounded rectangle shape, paste it in front and 
draw a box above this to overlap the shape. 
Intersect the box and the rounded rectangle using 
the Pathfinder palette. 


Add other shadows to give depth to the scene 
under the roads, posts and signposts. You can 
create the majority of the shadows by copying the 
grouped objects, then pasting them back in and 
combining them using the Pathfinder palette before 
rotated or free transforming. Give the shadows a 
gradient and set them to multiply at a low opacity 
setting, then place them on their own layers. 


i s 
6 Using the Pen tool, draw out a set of lines on a 

layer above the background. Set these lines to 
dashed lines using the Stroke palette and give them 
rounded caps to soften the overall look. 
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5 | Group together these trunk shapes and 
group them with the tree head. Copy and 
paste the full tree and paste it back in before 
combining it into one shape with the Pathfinder. 
Rotate this shape and move it to create a shadow, 
then give this a gradient and set it to multiply on a 
low opacity setting. 


basal 


8 | Add outlines to the groups of figures to add a 
little more contrast and make them stand out 
more. Create these by selecting the main body 
shapes of the figures, then copying and pasting, 
before combining them with the Pathfinder again, 
and sending them to the back. 
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Create the trees very simply by drawing out a 
simple circle shape with an outline on a new 
layer. Create a gradient and apply it to the circle - 
you can use the Gradient tool to control it (hold 
the Shift key to constrain the Gradient tool to 
45 degree increments). 


Group the tree and the shadow and 

Alt/Option-drag them into position around the 
illustration before scaling them up or down to fit 
with the Black Selection tool (hold the Shift key 
down to constrain when scaling). 


9 | Finally, create a bleed and add trim marks to 
the exact dimensions specified by the client. 
Because we've created the illustration in layers, the 
client can easily isolate those elements needed and 
use sections of the illustration in other parts of the 
magazine. The final artwork was sent to the client 
via e-mail as an /I/ustrator file. EEX 
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Pamela Hobbs 


“There’s so much creativity here, it’s very inspiring.” The British- 
born illustrator returns to London with an international perspective 


llustrators are rarely dubbed famous, but 
Pamela Hobbs vibrant style and personality 
\ iJ has charmed art directors from New York 

i and London to Tokyo. Her mix of traditional 
and digital work has been labelled ‘enormously 
appealing’ by Cynthia Hoffman, Art Director at Time 
magazine and as having ‘energy, fluidity and grace’ by 
Kelly Ann Schroeder, Marketing Administrator at 
Wacom. Her extensive and varied portfolio of clients 
includes Sony, Absolut, Nickelodeon, MTV, Paramount 
Films and The New York Times. 

The British-born illustrator has so far spent much of 
her career in the US, only moving to London in recent 
years. After graduating from the Maryland Art Institute 
in Baltimore, she landed an illustration job for The 
Village Voice in New York. Since then she has worked 
for a range of publishers in Japan and the US and has 
also taught the visual arts in computer departments at 
a number of art colleges in California. 

Pamela's style is a mixture of bright colours, varied 
textures, defined lines, 3D objects and attractive 
characters. She merges these together via a range of 
techniques, which often begin with ink drawings 
before being scanned in and manipulated across a 
range of software. Much of her digital work is realised 
onan Apple G4 Mac with Adobe /llustrator and 
Photoshop as well as Macromedia FreeHand. 

Her creations range from the humorous to the 
striking: a browse of her portfolio indicates that she 
adapts well to the huge scope of her subject matter. 
She has worked on projects from simple illustrations 
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for magazines and posters to cigarette packets, 
cartoons and music videos. 

“My work is in a constant evolutionary state,” says 
Pamela. “I think it’s important to keep it all fresh and 
new.” While in California, Pamela beta-tested 
products for Adobe, where she had the chance to 
experiment with different styles and applications, 
including 3D. These days she is experimenting less 
and concentrating on her own identifiable style. “I try 
to simplify my work and Life, so | stick to the things | 
know, but occasionally I'll throw in some extras, such 
as a bit of Flash, or try out a new hardware gizmo.” 

Her enthusiasm for variety and entertainment is 
evident on her Website, Pamoramaa. Intended as an 
online portfolio of her work, it also contains 
animations and games to take the viewer that little bit 
further into her world. Although traditional drawing 
techniques are still an integral part of her style, she's 
fascinated by how it can be enhanced by technology. 
“At MacWorld 2001, | was pleasantly surprised to see 
the lust for new technology and the wealth of 
information that has drifted into more than just the 
design and illustration fields,” she says. “There's a big 
crossover now between the traditional and the digital, 
and people can publish their own work more easily 
than ever before.” 


Monsters of the world unite 


These days Pamela works from a studio in 
Clerkenwell, East London, but work continues to > 
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1. A brochure sent out by Myriad Design in London to its clients. “I had already worked with 
one of the designers, Gavin Renz, and we used to joke about girl and car clichés, sol dida 
Bond theme. Most of the work was created in FreeHand, then exported to Photoshop.” 


2. This was a promotional poster for Pamela’s agent in the USA. “I've always fancied myself 
owning a tropical bar, so now was my opportunity to start. | created textures, such as bamboo, 
in /llustrator and exported them to Photoshop where | worked in about 29 Layers.” 


3. DEMA fashion in LA required a series of adverts for its new fabrics. “I took a sample piece 
and scanned it into Photoshop. By using overlapping and adjustment layers, | was able to 
create the floating effect of the dress.” 


4. Pamela was approached by French cigarette company, Gauloise, to illustrate a campaign 
aimed at the young adult market. The characters appeared on the cellophane packaging while 
the scene was printed on the packet. 


5. This illustration for Recovery magazine accompanied an article on the gloom of the 
technology industry. “I wanted to create a strong central image such as the tower to give it an 
almost Russian avante garde feeling of a combined future and past.” 


6. An animation for VW required Pamela to provide a series of drawings to be exported to 
Flash for an online game. “I created the inked artwork by hand as normal then used the 
drawings in several layers and pieces so they could be animated in Flash later on.” 


7. Girl group, Batina, called on Pam to illustrate the video for the track, Funky Froggy Mix. “I 
went to the rehearsal to see four girls leaping about like frogs.” She drew the swamp scene in 
ink, scanned it into /llustrator and exported it to video format. 


pour in from all over the world. Her experience of 
working in different countries has given her a clearer 
perspective on the international art and design 
industry. “I think coming back to London has really 
opened my eyes to a whole new series of events and 
art environments,” says Pamela. “There's so much 
creativity here, it’s very inspiring.” And it isn't just art 
but technology that’s made her happy to stay in 
London. “Now that the design market is driving more 
towards technology, | feel that Europe can once again 
become a great inspiration for the rest of the world.” 
As part of her commitment to the world of 
illustration, Pamela has joined with 11 otherartists ina 
venture called Monsters, a group for illustrators to 
promote their work. It was only after arriving in Britain, 


ee 
that she discovered there was also a Monsters UK. het 
“It was a complete surprise and a coincidence. The Coos Poser dt | 
aim of Monsters USA was to get illustrators together $4 me of os 


under one roof to work on our own team promotions, 
collaborations and artwork.” The team sends their 
work to potential clients and publications and via the 
Website at [w] www.monsters.com. In the five years 
they've been going, the group has been printed in 
publications such as HOW and Print magazines. 

Extroverted and confident, Pamela's flourishing 
career so far is the result of not only talent but a 
willingness to try out new techniques and get involved 
in all aspects of her work environment. FEES 


1. UK girls’ magazine, Bliss, commissioned this 
fun illustration for a piece on all-male pop groups. 
“My first and last attempts at boy bands! God 
bless them...” 


2. This illustrated an article about separation anxiety 
between couples for The Guardianand the image 
had a travelling theme of New York and aeroplanes. 
Created about a month before September 11, it had 
to be pulled from an advert for Pamela’s work ina 
book following the tragedy. 


3. This bright, youthful image for the LA Times 
illustrated an article about multicultural dorm 
rooms in colleges. “Los Angeles has a very 
multiracial mix and I'm always challenging the 
editors to clearly represent many races other than 
just white.” 


An interactive advertising campaign for MTV added a little speed to 
Pamela’s portfolio 

Not all illustrators get to see their work in motion but this online project for MTV saw Pamela's work get the Flash treatment. The 
Race to the Red Carpet game invited users to try and win tickets to the MTV Awards by racing a carand picking up cash. She 
designed the scenery, car and the stylish characters. 

It may have been fun, but it wasn't an easy project to be involved with. “MTV are always a riot to work for but the work was 
intense. All the animated Flash had to be done overnight and the artwork had to be ina suitable state to be pieced together to 
make a scene and animation allin one go.” 

The simple but good-looking game was so successful it had a second showing, despite the relatively short time spent 
developing it. “I turned the whole job around in about six days; we must have had about 30 different scripts by the time wed 
finished. And did | get my free trip to Las Vegas?” Check out the game, which is now archived on Pamela's Website at 
[w] www.pamorama.com/animation 
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FreeHand 10 


We take you through the technical processes 
involved in illustrating a corporate report... 


a he brief is fairly tight: the 
( company wants an image 
to go with a corporate report 
on public transport 
strategies and public transport 
technology in the future. Technologies 
discussed in the article include futuristic 
buses, trams and ferries, and general 
themes include the costs, traveller 
comfort, traveller entertainment and 
safety. So where do we start? 

The first stage in a commission such 
as this is to decide on the tone and feel 
of the illustration. For our opening illo, 
created in FreeHand 10, architectural 


references were taken from modern, 
futuristic buildings (in this case Lyon St. 
Expury airport and a train terminal in 
southern France), then combined with 
the idea that the physical place being 
illustrated is a hub of travel. Stylistically, 
in colour and form, the image has retro 
influences, beginning with films such as 
Logan's Runand Tron. These were used in 
conjunction with more contemporary- 
looking information signage graphics. 

In this tutorial, we show you how to 
create our corporate report illustration, 
outlining key techniques that you can 
use in your own FreeHand work. > 
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Part 1: Building up the landscape 


We'll use gradients and blends to create perspective effects, 
and to generate the background of our illustration... 


Handling colour 


A great deal of illustration work 
gets used in printed matter and 
onscreen. Because of its dual 
format, you need to make sure 
that FreeHand 10 is set up 
properly to handle colour. First, in 
Edit>Preferences, choose 
Export. In Convert Colours To, 
select CMYK/RGB — this will 
ensure that colours are correctly 
converted when importing any 
EPS files into applications such 
as Photoshop. Next, in Edit> 
Preferences, choose Redraw. In 
this section make sure the 
tickbox for Display Overprinting 
Objects is checked. Finally, go to 
Edit Keyboard Shortcuts. In the 
Keyboard Shortcuts Setting, you 
may wish to choose whichever 
application shortcut set you are 
most familiar with. Seasoned 
FreeHand users may want to 
revert to their version 9 
shortcuts, as many have been 
changed in FreeHand 10 for use 
inOSXx. 
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Open a new FreeHand document and set the 

document size to 470x286mm. Make sure the 
page rulers are displayed (Alt/Option+M) and drag 
a horizontal guide to about 60 per cent of the way 
up the document. 


Select the cloud that is white in colour. 
To achieve the fading effect seen in the 
illustration, we've used the Lens fill feature. Go 

to the main toolbar and select Fill>Lens. In this 
section you'll find a myriad of options - the one 
we need here is Transparency. In the options for 
this, make sure the Fill colour is white and set 
Transparency to about 50 per cent — this gives the 
upper clouds a hot, hazy look. Finally, cut the cloud 
(Ctrl/Command+X) and select the upper box. Now 
paste the cloud inside (Ctrl/Command+V). 


Create another new layer called ‘bitmaps’, 

making sure it sits above the background layer 
in the palette. Import the CD file Landscape .tif, 
then place it on the document with its bottom edge 
just below the horizon line on the illustration. 


Using the Rectangle tool, draw two blocks 

either side of the bisecting guideline. Select 
the upper block, and in the main toolbar go to 
Fill>Gradient. Add Y100 to the Colour Swatch 
toolbar and set the left gradient colour to this 
yellow, with the right colour as white. Do the same 
with the bottom block, only this time use a radial 
gradient and replace the yellow with grey (M20, 
K40). Try dragging the grey colour chip onto the 
gradient colour bar to change the intensity of the 
blend, then use the cross-hair feature in the right 
of the window to move the gradient centre. 


5 | Now we will create the first of the depth 
curves which form part of the bridge. Draw 

a curve in the area indicated above. Don't worry 
about its accuracy initially. Correct the shape so 

it gives the illusion of perspective by Alt/Option- 
clicking the two points and moving the handles until 
the line looks correct. 


8 | To colour a bitmap image, you need to go the 
the Object Inspector in the main toolbar. Check 
the Transparent box to remove the white edging, 
then colour the image using the Swatches as you 
would a normal vector object. The colour we have 
used for the back building is M20, Y100. 


Open the CD file Cloud.eps and copy both 

elements onto the working document. You 
may need to view the file in keyline only as the 
clouds are white in colour. Place the two graphic 
elements on the working document as required, 
resizing and positioning as necessary. 


Clone this line (Shift+Ctrl/Command+D) and 
move the lower point below that of the first 
line. Position it so that a clean sweeping polygon 
shape is formed. Close each shape by checking 
Closed on the Object inspector on the Main toolbar. 
Fill the upper shape with the grey colour and apply 
the Transparency Lens as before. Do the same to the 
lower shape, this time using a weaker transparency 
for the fill. Once this is done, select all the elements 
and Group them (Ctrl/Command+G). Now create a 
new layer called ‘background’ and put the grouped 
element into it. 


Add the other objects (Mast1 tif and 
| 9 | Building’ .tif on your CD) using the technique 
outlined in the previous step. In the illustration 
we have varied colours to suggest depth, using 
darker colours for the foreground objects. Try 
experimenting with the placement and scale of the 
masts to create depth — coupling this with colour 
changes adds to the effect. 


Part 2: Constructing the bridge 


Next, we'll create the illusion of depth using blends and 
gradients, then apply these techniques to objects... 


Keyline mode 


When you're working on complex 
vector —built illustrations like this 
one, it is often beneficial to work 
in Keyline mode. This only shows 
paths, keeping the work area free 
of stroke weight and fill colours. 
This mode is especially useful 
when creating tight linework. The 
Preview and Keyline modes can 
be toggled using the keyboard 
shortcut Ctrl/Command+K. 


Create a new layer titled ‘depth lines back’. 

Using the Pen tool (hit P to select it from the 
toolbar), draw one line from left to right with a 
definite curve between the points. Don't worry 
about colour or line weight at this stage — the main 
concern is achieving a smooth arc. 


4 | With both lines selected, click on the Blend 
tool. This will immediately give you a set of 
lines, in steps, radiating from the first line to the 
second. The default for this tool is 25 steps, which is 
too many for this exercise. To edit this, with the 
group still selected, go to the Object Inspector and 
change the number of steps from 25 to nine. This 
useful process can be applied to any object as long 
as itis not a group. 


Now you have the basics to apply across the 
other line blends in the illustration. For the 
vertical blend that makes up the suspension bridge, 
create a new layer called ‘bridge lines’, then use 
heavier line weights, deeper and brighter oranges, 
and a different axis of travel. One of the main aims 
of this function is to create depth and movement, 
without the need for a solid shape that would be too 
heavy for the composition. All points of the bridge 
in the distance are converging at one single point 
vanishing point — fooling perspective even more. 


Duplicate (Ctrl/Command+Shift+D) this line, 

then rescale it smaller — you can resize easily 
around the centre point by double-clicking the 
object to enter Transform mode, then holding Shift 
while dragging from any corner. Position this second 
line a short distance below the first. 


5 | Now we'll create a greater sense of depth and 
travel by editing line weights and the colour 
of the blend's start and finish lines. Select the first 
line (hold Alt/Option while clicking on the line you 
drew first in the blend group), then go to the Stroke 
Inspector. From here, change the line’s colour to 
White and its stroke weight to 1.5pt. You will see 
how this immediately affects all the steps of the 
blend. Now select the last line and edit its properties 
to a yellow of your choice (we've used Oc Om 80y 
Ok) and its weight to 0.5pt. Again you will see the 
change across the blend. 


For the last set of lines, create a new layer 
named ‘side bridge lines’. This time, your 
finished blend should look like a barrier running down 

the left side of the bridge. Draw your line out from 
the centre to the bottom-left corner with a sharp 
curve to define the bridge. Duplicate this line, then 
select the point nearest to the left corner. Drag this 
point upwards and use a blend between the lines. By 
moving only one point, the blend will disappear to a 
vanishing point to further suggest depth. 


a 
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a You will now have to access the Xtra 
Operations toolbar. You'll find this under 

the main Window; scroll to Toolbars then select 
Xtra Operations. This command will bring up a new 
toolbar with a range of icons. From here you will 
mainly be using the Blend tool, which is seventh 
from the left. Within this toolbar are many useful 
tools for various tasks, such as Punch and Union, 
that you would normally have to access through 
scrolling from the main top menu. 


S azbaammaarial 
LSS ae 


G With a smooth blend across a group of line 
weights, colours and sizes, you may wish to 
push the results more. You can transform lines and 
blends any way you wish — select either of the start 
or finish lines, then a point on these, and pull the 
handles around. Once you're satisfied with the blend 
and its position, move the layer to below the clouds 
layer so the lines appear to pass behind the them. 


9 | Create a layer titled ‘bridge’ for the flat of the 
bridge. Duplicate the bottom line from your last 
blend and move it slightly to the right of the 

line blend. Duplicate this line again, but drag its 
foreground point further to the right, creating a 
smooth shape that fits the perspective. Once you're 
happy select both lines, join them, make sure the 
path is closed (Check Closed box in the Object 
inspector) and fill it with white for a solid shape. Now 
arrange the layers so they run from the top down — 
‘side bridge lines’, ‘bridge’ and ‘bridge lines’. > 
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Part 3: The signage 


Next, using flat images as a basis, we will use various tools 
to create the 3D signs... 


Signage styles 

The ready-made signs used in 
this illustration can be easily 
recreated on your own machine. 
The font used on these signs is 
Akzidenz Grotesk Medium, Other 
commonly-used signage fonts 
are Helvetica Neue and Meta. In 
this illustration, the icons have 
been created from scratch, but 
for some good-quality ready- 
made symbols go to [w] 
www.aiga.org/content.cfm?Cate 
gorylD=38, where all icons are 
available to download as EPS 
files free of charge. A good 
source of free transport icons is 
[w] http://moorstation.org/ 
typoasis/designers/esri/ 


index.htm. 


Open the CD file Signs.eps, Ungroup the 
image and copy the top sign. Close this file 
and open a new document, setting the document 
to landscape orientation. 


Next, Alt/Option-select the boundary (black 
part) of the sign and clone it (Shift+Ctrl/ 
Command+D). Move this cloned imaged down so 
that it sits below the top edge of the sign graphic, 

as shown above. 
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@ Now we'll create a block that sits behind the 
sign — this will provide the ‘thickness’ you can 
see in the finished illustration. Select both blocks 
and join them together using the Union icon, found 
on the Xtra Operations toolbar. Next, zoom in on 
one of the sides and use the Pen or Bézier tool to 
draw a polygon between the two outermost curved 
parts, as shown above. Repeat this for the other side 
of the block. 


Enlarge the sign or zoom in to make working 
in it easier. Ensure your Xtras toolbar is open (if 
it isn't, go to Window>Toolbars) and double-click 
the 3D Rotate icon to bring up its properties. For 
this tutorial we will use Easy mode, so make sure 
this is selected, along with Centre of Gravity on the 
pulldown Option menu. 
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G Next, send this copied element to the back 
(Shift+Ctrl/Command+') and once again clone 
the boundary part of the sign. We now need to 
create the illusion of 3D, using scale to give the 
effect of foreshortening perspective. 


Select the block and the two polygons, then 

join them using the Union tool as before. Now 
give this object a stroke weight of 2 points and set 
the Join to Rounded (the middle button). This is all 
done on the Object, Stroke inspector. Once this is 
done, send the block to the back. 


With the 3D Rotate icon depressed, click and 
3} hold the sign image and get a feel for how the 
tool moves the image around. For this first sign, try 
to get the sign into a position where it looks like 
your viewpoint is slightly above it, with the sign 
angled slightly away. 
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Double-click the lower black shape and drag 

the bottom-left corner handle to reduce its size 
slightly. Reducing the size of this block will help to 
create the depth we are trying to achieve. Once this 
is resized, move the block so that it's nearer to the 
right of the top block. 


Finally, Alt/Option-select the top black block 
| 9 | and change the Fill colour to M50 K90, to give 
the effect of a slight back light. Give this block the 
same stroke weight as before —- we now have the 
completed sign. In some cases, the lower edge may 
need manual adjustment to enhance the 3D effect. 
Repeat this with varying amounts of 3D for the 
other signs and place them in the main illustration, 
within a layer called ‘signs’. 


Part 4: Planes, trains and automobiles 


Well, planes and boats to be precise; this final section will talk you 
through using the Graphic Hose to build up blocks of images... 


Easy gradients 


Sometimes only a gradient fill 
will do the job. There is an easy 
and quick way to test a gradient 
fillin an object rather than 
accessing the Gradient menu in 
the Fill menu. Select the object, 
then drag the required colour 
swatch from the Swatch palette 
to the object. This would normally 
fill the object with this colour, 
but if you hold Alt/Option it 
makes the fill a gradient. 


illustration. Create a new layer named ‘planes’ 
and import (Ctrl/Command+R) Plane.eps from the 
CD. From this, you will be recreating the spray of 
planes that runs across the background sky. 


You now have to edit how the spray of planes 
| 4 | will be unleashed from the Graphic Hose. In 
the dialog box, click on Options; this shows the 
controls for the Graphic Hose. There are many 
options here that can affect how your spray works, 
and at some point you should try them all out and 
see what results you can produce. 
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Now to add the boats/ferries to your scene. 
Create two new layers: ‘small boats’ and 

‘ferry’. Import the relevant files from the CD onto 
these layers and arrange them so the small boats 
sit in front of the bitmaps and the ferries sit behind 
the sea gradient. The ferries are filled with a 
gradient running to white, which helps them 
merge into the horizon line. 


Go to Window, scroll to Toolbars and then 

open Xtra Tools. This will launch a new 
toolbox, similar to the Xtra Operations that you 
used earlier. From this toolbox, you will be using the 
Graphic Hose tool, which is second from the right. 
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G For this exercise, though, we will be using 

the following: Order = Random; Spacing = 
Random; pull the slider up to 200 (Loose) Scale = 
Random; pull the slider up to 200. Finally, leave the 
Rotate as Uniform, as we want the planes to be 
flying in the same direction. 


8 | Create a new layer titled ‘Train’ and import the 


Train.eps from the CD. You can see again how 
using gradients to blend across into a background 
can add subtle elements to an illustration. 


Select the plane, copy it, then double-click on 

the Graphic Hose tool. This opens a specific 
dialog box for the Graphic Hose, from where you 
can edit options for the spray of planes. Look under 
the scroll saying Shapes and go to New. This enables 
you to create a new symbol, so title it Plane and 
Save. Now Paste it in. 


G Now, using the Graphic Hose tool, simply spray 
the planes across the background sky. If you're 
not happy with the results, go back and edit the 
Hose's options and try again. This tool can be 
random, so you may wish to delete some of the 
elements — it's worth doing this, because it produces 
a much more random pattern than with Copy and 
Pasting or Duplicating. 


Finally, add a layer titled ‘folks’ and import the 

Folks.eps. These figures were created by taking 
photographs of colleagues in the required poses 
with a digital camera, and then redrawing their 
outlines in FreeHand. We've coloured the figures 
with a single solid fill, but these figures are actually 
made up of components and you could always go 
in and fill them individually, or add strokes to give a 
sense of depth. EE) 
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Don 


ovement has always been important in 
Don Oehl's life. He studied dance before 


it ” 
a] 

f art and design (“just like Billy Elliott”), 
Al and has laid his hat around the globe, 
going from his native Chicago to the café-strewn 
streets of Paris, before ending up in New York five 
years ago. 

But just because he’s been there five years, it 
doesn't mean he's lost his love of fluidity: “I derive a lot 
of creativity from being in New York City and walking 
the streets, dancing or rollerskating,” he says. “I think 
motion allows me to get my juices flowing.” And since 
breaking into the Big Apple's graphics scene, said 
juices have shown no sign of drying up. Currently 
working full-time freelance for Seventeen magazine - 
and finding time for more work in between - Don's past 
creations have adorned Tommy Hilfiger t-shirts, point 
of sale and window displays for the likes of Clinique 
and Aveda, plus he’s illustrated for such titles as New 
York Daily News. “| always liked to colour and draw, but 
I never really thought of it as a career until a few years 
ago,” he says. However, his mind is now welland truly 
focused, ever since he laid eyes on his first Mac. “It 


renewed my interest in colouring and developing my 
own world all based upon fashion, movement, shapes, 
colour, interaction, humour and expression - in fact, 
everything that contributes to my middle name: Art,” 
Don laughs. 

After a two-year course in Fashion Illustration 
in New York, he got a job with a point of purchase 
design company, and began developing his own 
body of illustration work. He says: “I hit the freelance 
circuit, began designing graphics for packaging and 
clothing, went public with my work and the jobs began 
to come in.” 

New York Daily News, singles Website GetGaga, 
Scholastic Books, Bridal Guide magazine and French 
burger chain Quick all queued up for his talents, and 
the phone also rang with the Seventeen job offer within 
its promotional art dept, “which | snatched up” says 
Don. Recent other work includes Scholastic’s book The 
Painter King, and he's just completed packaging for 
Quick's version of a Happy Meal. 

Now that he’s managed to create some studio space 
in his apartment, Don is hoping to take on more work, 
creating more pieces with his favoured software, 
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“finally finding something I 


Illustrator. “| use Photoshop and QuarkXPress too, but 
Illustrator is the key for me - | couldn't live without it,” 
he says. “| usually begin with conceptual drawing, then 
go to pencil, and then scan to render.” So not out with 
the old, rather in with the new. “My style has naturally 
evolved now | have a larger working space too, and | 
hope that each time | draw, | become closerto a 
definitive style. Style comes from using your creativity 
consistently,” he adds. 

And with his busy schedule, it looks certain that Don 
will be creating consistently for some time to come. 
“I'd like to design shopping bags for someone like Paul 
Smith, try my hand at animation and create more 
illustrative work for European and Japanese magazines 
and clients.” As befits him, he’s certainly not standing 
still for anyone: “I’ve also started work on t-shirts to 
sell on my Website that’s due to go live in April. My 
ultimate goal is to keep my base in New York while 
travelling throughout Europe and other countries - 
learning, working and getting inspired.” EE 
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1. One frame of an online dating game. Don says it was important 
that the characters looked like they were excited about 
something. “Most of my drawings deal with the thought of being in 
love or having an over-the-top sense of humour.” 


2. “This was done with a Nescafé feeling in mind,” says Don. 
Inspired by his years living in Paris, it depicts a lonely, hip 
Frenchman drinking coffee, thinking about “a lost love or 
something insanely romantic”. 


3. An e-card for the GetGaga Website, Don was attempting to 
convey the sentiment “thank you”, without words. “I was inspired 
by Madonna, and it was important that the men took on an 
anonymous nature. Almost like they're not there, but you 
definitely know she's saying thank you to a group of admirers.” 


4. Created for Bridal Guide magazine, this image illustrated an 
article about visiting China on a honeymoon. “I wanted to get a 
definite China feeling so | used an orangey-red background, and 
lanterns to create a sense of Chinese culture,” says Don. 


5. “| was trying to get into the head of a cat,” Don begins. The 
image was for a line of cat products called Kat Snax. “I really like 
this one because it’s very loosely drawn and gives you the feeling 
that the cat is in-your-face hungry.” 


6. “This was my promotion card this year. | wanted it to showcase 
my various types of characters, while at the same time creating a 
dreamy New York situation. | was watching a lot of Sex in the City 
at the time, and wanted the main character to be awomanina 
powerful situation.” 
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Hlustrating with 
CorelDRAW 10 


The Line and Shape tools can be just as useful 
as any of the latest and greatest special 
effects-oriented features. We take a look at 


some of them... 


ome of CorelDRAW less 
( heralded features are 
arguably the most useful for 
illustrators. Line and shape 
tools may not make for exciting bullets 
on new feature lists, but with a little 
creativity, they can give a piece a 
distinctive flair. 

We constantly get requests to 
include a tutorial on CorelDRAW and in 
this instance, even though Corel can't 
supply us with a working demo of the 
latest version of the application forthe 
CD, we've delivered. Over the next four 
pages, CorelDRAW users will be shown 
how to create the elements forthe 
background in the image to the left. 
Many of the features we utilise in this 


tutorial have been around since the 
earliest versions of the program. 
Nonetheless, the Line and Shape tools 
can be just as useful as any of the latest 
special effects-oriented features. 
Over-reliance on special effects tends 
to lessen the impact of a design, 
whereas a Little manual work can often 
make the difference between artwork 
that looks professional and artwork that 
looks amateurish. 

Rather than using effects for their 
own sake, we're going to take you 
through some shape-making 
manoeuvres, only using the Effects 
menu sparingly. The real fun is with the 
Shape Tool. So roll up your sleeves, 
grab some coffee, and let's get to it. > 


©) FilesonCD 

—*  Thefinalimage, buzz.tif, is on the cover CD in 
the Tutorial\CorelDRAW folder, CorelDRAW 10 
costs $549 or $239 to upgrade. For more info 
visit [w] www.corel.co.uk. Expertise provided by 
J Scott Hamlin fe] rendrboy@austin,rr.com 

[W] www.eyeland. com or [w] www.swiftlab.com. 
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Part 1: Creating a honeycomb grid 


Generating a backdrop pattern from any symmetrical shape is easy with the 
Snap to Objects feature on 


What's the buzz on 
this pic? 

The brief was to create an image 
to illustrate a piece about 
insectoid robots with 

themes of artificial intelligence, 
electro-sensory devices, and 
solar power. It immediately 
conjured up images of bugs 
reading technical manuals via 
light powered by solar energy. In 
the end, the artist ditched the 
reading bugs and set the 
supporting themes in iconic 
vignettes in the corners. One 
theme in particular, however, 
vexed him: Computer Arts 
Special asked for something that 
depicted walking or locomotion. 
Atsome point he thought of the 
wind-up VW Bug and it amused 
him so much, he couldn't bring 
himself to take it out. 


Easy access to the 
colours you need 


CorelDRAW 10 enables you to 
display more than one colour 
palette. Corel provides a large 
number of custom palettes in the 
Custom/Palettes directory. You 
can also draw a palette onto the 
stage for easy access and close 
the palette or re-dock it when 
you're done. Also, to get a slightly 
different shade for a specific 
colour ina palette, click and hold 
down on the colour and a pop-up 
window with more shades of that 
colour will appear. 
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Ea Press the Y key on your keyboard to select the 
Polygon tool. Enter the number 6 in the 
Number of Points on Polygon field located on the 
Property bar. Hold down the Ctrl/Command key 
and draw a six-sided polygon approx 1 inch high. 


4 | Now we need to make some duplicates. When 
the honeycomb shape is selected, there will be 
eight small black boxes around it. Hold down the 
Ctrl/Command key, click on the top centre box and 
drag down until you see a mirror of the original 
honeycomb shape and then click on the right mouse 
button to make a duplicate. Hit the Ctri/ 
Command+R key combination a few times to 
repeat. Alternatively, you can press the + button to 
make a duplicate and then mirror the shape. 


To create some 3D honeycomb shapes, 

create a copy of a single honeycomb shape. 
Delete all of the nodes that don't mark a change of 
direction (all of the nodes in the middle of the 
straight lines). Change the colour to yellow with a 
black outline. Resize the honeycomb shape so that 
it's approximately 0.5 inches high and then rotate it 
45 degrees, 


Click on the Pick tool. Make sure the polygon is 


selected, and rotate it 30 degrees by entering 
30 in the Angle of Rotation field located on the 
Property bar. Now select Contour from the Effects 
menu. Click on the Inside option, enter a value of 
0.12 inches in the Offset field, leave the value in the 
Steps field at 1 and click on the Apply button. 


Turn on the Snap to Objects option under 

the View menu. Select all of the honeycomb 
shapes and hit the + key on your keyboard to 
make copies of all of them. Make sure that all 
of the duplicates are still selected. Now select the 
Pick tool and click-close the leftmost point on the 
top honeycomb shape and drag them to the 
bottom-right corner of the original honeycomb. The 
point will snap to position and your results should 
look similar to those shown in the figure above. 


8 | Select Extrude from the Effects menu. Change 
the Vanishing Point options to Back Parallel 


and VP Locked to Object. Set Depth to 5, Horizontal 


Position to 2 and Vertical Position to -2. If you want 
to recolour the extrusions, select Break Extrude 
Group Apart from the Arrange menu. Then select 
the extrusions and ungroup (Ctrl/Command+U). 
Regroup the honeycomb shape and the extrusions 
when you're done adding colours. 


ey) With the contoured polygon still selected, 
choose Break Contour Group Apart from the 
Arrange menu. Now hit Ctrl/Command+L to 
combine the polygons. Select a colour for the fill and 
a different colour for the outline. Change the outline 
of the honeycomb shape to 1 point. Of course, you 
don't need to assign a fill or outline to your shape if 
you don't want to, but having a slightly more visible 
outline will help us in the following steps. 


Gg Repeat step 5 several more times. Each time, 
select a bigger bunch of honeycomb shapes 
to duplicate and drag into position. When you 
have enough honeycomb shapes to fill up the 
horizontal space, select all the shapes and repeat 
the operation in step 4 to mirror all the shapes 
downward. Fill in hold by mirroring individual 
honeycomb shapes above the empty spaces or go 
through and delete specific shapes to make the 
pattern more interesting. 


9 | Make a duplicate of the extruded group and 
take advantage of Snap to Objects to snap the 
duplicate group next to the original (as in steps 5 
and 6). You can also snap the duplicates to points 
along one of the extrusions. To do this, ungroup and 
select the foremost extrusion (the extrusion that 
appears closest to you) and add points along one of 
the sides. Then use one of these nodes to snap a 
duplicate group into place. 


Part 2: Adding texture with the Ellipse tool 


The Ellipse tool might not be found under the Effects menu, but it can be 
used to create some pretty cool patterns. We'll look at few examples now... 


Make a shortcut to 
Snap To Objects 
and Snap To 
Guidelines 


When you're doing a lot of 

shape and line work, you use 
Snap To Objects and Snap to 
Guidelines constantly. 

You can either get in the habit of 
hitting Alt/Option+V+J to toggle 
Snap to Objects and 
Alt/Option+V+U to toggle Snap 
To Guidelines or you can set 
shortcut keys. The author uses 
these features so much he has 
them set to Control+1 for Snap To 
Objects and Control+2 for Snap 
To Guidelines. 


rer 


Select the Ellipse tool, hold down the 


Ctrl/Command key and draw a 0.25 inch circle. 
Hit the + key to create a duplicate and use the 
Property bar to resize the duplicate to eight inches 
(height and width). Select Blend from the Effects 
menu. Select both circles and apply a 15 step blend 
between them. 


a At this point you can use the Shape tool to 
break apart nodes on the various circles and 
tastefully delete sections of some of the circles. Turn 
off Snap To Guidelines and turn on Snap To Objects. 
Use the nodes on the circles to drag the end points 
of the lines to different points along the circles. 
When you're done, centre your concentric pattern 
over the honeycomb pattern. 


There are several useful things we can do with 

this squiggly line. First you can centre it over a 
shape, such as a rectangle, then create a copy of the 
squiggly line and rotate it 45 degrees. Repeat twice 
more. Now select Trim from the Arrange, Shaping 
menu and use the lines to cut shapes from the 
rectangle. Always hit Ctrl/Command+K (Break 
Curve Apart) after every Trim Operation. It helps to 
recolour the shapes as you go, so you see shapes 
you have already cut apart. 
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With all of the blended circles still selected, 
choose Break Blend Group Apart from the 
Arrange menu. Now select any one of the circles 
that was added with the blend operation and the hit 
Ctrl/Command+U to ungroup. Select all the circles 
and hit Ctrl/Command+L to combine. Hit F10 to 
select the Pick tool. Drag select all the nodes on all 
the circles. Now hit the Add Node(s) button on the 
Property bar three times. 
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5 Draw a 1.5 inch circle off the side of the page. 
Hit Ctrl/Command+Q to convert the circles to 
curves. Select the Shape tool and drag-select the top 
and left nodes on the circles. Hit the Break Curve 
button on the Property bar and hit Ctrl/ 
Command+K to Break Apart the circle. Delete the 
larger portion, leaving only the top-left segment. 


8 | Here's another thing you can do with the 
squiggly line. Start with another copy of the 
squiggly line. Click on it twice to display its centre of 
rotation. With Snap To Objects on, reposition the 
squiggly line's centre of rotation at the topmost 
node. Now create a copy of the squiggly line and 
rotate it 45 degrees. Combine the two lines, join the 
overlapping nodes, and click on the Auto-Close 
Curve button on the Property Bar. Now reposition 
this new shape's centre of rotation at the pointy end 
and create three copies, rotating each 90 degrees. 
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1 | 
Snap To Objects should still be selected. Drag 
and snap horizontal and vertical guidelines to 
the far-left and top nodes on the outer circle 
respectively. Turn off Snap To Objects and turn 
on Snap To Guidelines. Select the Bézier tool to 
draw a line from the centre of the circles out to 
beyond the largest circle. Reposition the centre of 
rotation for the new line at the intersection of the 
guidelines, rotate the line 15 degrees, and hit the 
right mouse button to create a duplicate. Hit 
Ctrl/Command+R to repeat 22 times. 


7 
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6 Rotate the segment 45 degrees. Select the Pic! 
tool (spacebar). Deselect and then reselect the 
segment. Click on the top centre bounding box and 
drag downward. Right-click when you see a mirror 
copy of the segment to create a duplicate. Hit 
Ctrl/Command+R to repeat six more times. 
Shift-select every other segment and mirror them to 
the right. Now combine all the segments and use 
the Shape tool with the Join Two Nodes button on 
the Property bar to join all the nodes where the 
respective segments meet. 


Take every other shape from Step 7, centre it 
over the honeycomb pattern, and apply an 

80 per cent Transparency Lens. Next group the 

shapes from Step 8. Group and rotate them over the 

honeycomb pattern so that each arm points to one 

of the corners. Apply a Transparency Lens of 


30 per cent. > 
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Part 3: Creating a dwindling spiral 


This technique continues with the theme of useful things you can 
create with the Ellipse tool 


Artistic spirals 


Spirals are particularly fun with 
CorelDRAW 10's Artistic Media 
Brushes (located in the Effects 
menu). The trick is to reduce the 
value of the Artistic Media Tool 
Width field (which Corel has set 
far too wide), The default value is 
300, but usually values of 30 to 
50 work much better. 
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g Place two vertical guidelines three inches apart, 
and two horizontal guidelines 1 inch apart. 
Place another horizontal guideline approximately 
0.375 inches above the lower guideline. Using the 
guidelines with Snap To Guidelines on, draw a1 
inch high by 3 inch wide oval with the Ellipse tool. 
Convert the ellipse to curves (Ctrl/Command+Q). 


2 Select the top-middle and bottom-middle 
nodes with the Shape tool. Click on the Break 
Curve button on the Property bar and then press 
Ctrl/Command_K to break apart the nodes. At this 


and one on the right. 


5 | With the blended segments selected, choose 
Break Blend Group Apart from the Arrange 
menu. Select the blended segments and Ungroup. 
Make sure Snap To Object is selected. Select the 
second segment down from the top. Use the Shape 
tool to select all of the nodes. Now hold down the 
Ctrl/Command key and drag the top node up to the 
bottom end node on the original segment. 


4 | Make a duplicate of the line segment. Hold 
down the Ctrl/Command key and drag the 
segment down a few inches. Use the Property bar to 
resize the duplicate down 30 per cent horizontally 
and vertically. Now select both line segments and 
choose Blend from the Effects menu. Apply a blend 
between the segments with three steps. 


Undo back to the point where you have only 
the original line segment (the segment from 


the end of step 3). Create a duplicate and resize the 
duplicate 80 per cent horizontally and 90 per cent 
vertically. Use the Shape tool to select all of the 
nodes on the duplicate. Now hold down the 
Ctrl/Command key and drag the top node down to 
the bottom end node on the original segment. 


8 | Repeat step 7, only resize the second duplicate 
60 per cent horizontally and 80 per cent 
vertically. Resize the third duplicate 40 per cent 
horizontally and 70 per cent vertically. Resize the 
fourth and final duplicate 20 per cent horizontally 
and 60 per cent vertically. Each time, use the Shape 
tool to reposition the duplicate segments in the 
same way as for the second duplicate in step 7. 


Illustration 


point you have two Ellipse segments: one on the left 


Select the ellipse segment on the right. 
Drag the top-middle bounding box down to 


the horizontal guideline that is directly below the 
top horizontal guideline. Select the two segments 
and combine them. With the Shape tool, 
Marquee-select the two overlapping nodes and click 
on the Join Two Nodes button on the Property bar. 


r 6 | Repeat step 5 with the remaining segments. 
When you're done, select all the segments and 
combine. Use the Shape tool to join all of the 
overlapping nodes. In this example, the loops get 
too close to each other towards the bottom. If you 
want to have about the same space in between each 
loop, we need to take a different approach. 


The last segment is overly distorted — delete 
the last two nodes on the last or bottom 
segment. Resize it to 40 per cent vertically and use 

the Shape tool to reposition it back on the end of 
the second to last segment. When you are done, 
select all the segments and combine. Use the Shape 
tool to join all of the overlapping nodes. 


Part 4: A new twist on creating lines 


Now we'll look at how one of Core/DRAW’'s little-known features — the 
Rotate and Skew Nodes option — can be used to create some unique lines 


Contouring groups 


The outline around the large 
central robo-hornet image was 
created with the Contour tool 
using a one step contour. 
CorelDRAW 10 enables you to 
contour groups. The Contour 
tool does, however, tend to 
over-exaggerate spikes or 
extreme angles. Fortunately this 
is easy to fix. Simply break apart 
the contour and use the Shape 
tool to reposition any nodes that 
CorelDRAW has positioned too 
far out. 


@ Draw a horizontal line about eight inches long. 
Use the Shape tool to Marquee-select both 
nodes. Click on the Add Node(s) button five times. 
Deselect the line. Hold down on the Shift key and 
Marquee-select every other node. 


Pe Poze 


4 | Make several duplicates of this line segment 
and snap the duplicates to the end of the line 
to make a line that resembles the top of a castle 
wall. Select all the segments, combine, and join the 
overlapping nodes. Now duplicate the line and 

make a mirror below the original. Separate the lines 
by about a half inch. Move the copy over the right 
by one half inch. Select both lines and combine. 


Let's look at one more variation. Create a 

horizontal line about four inches long. Create 
four duplicates and position them about 0.25 inches 
apart. Combine the lines and Marquee-select all of 
the nodes using the Shape tool. Click two times on 
the Add Node(s) button. 


Rotate the line 135 degrees. Delete the centre 

node and the last node on the right. Now make 
a duplicate. Drag the duplicate to the right and use 
Snap to Objects to snap the first node on the left of 
the duplicate to the last node on the right of the 
original. Combine the lines and join the overlapping 
nodes. Now you have a line that resembles digital 
sound waves. 


Select the Shape tool. Hold down the Shift key 

and Marquee-select the nodes shown in the 
figure. Make sure that you have two nodes on each 
of the lines selected. You will be rotating these four 
nodes in the next step. 


8 | Shift-select all of the nodes at both ends and in 
the middle with Shape tool. Click on the 
Stretch and Scale Nodes button on the Property bar 
and squeeze the nodes inward about 55 per cent. 
Deselect and then Marquee-select just the middle 
nodes. Click on the Rotate and Skew Nodes button 
and rotate the nodes 180 degrees. Finally, scale the 
lines horizontally about 70 per cent. The lines look a 
little bit like a stylised spider. 


Use the Rectangle tool to draw a 1 inch square. 

Hit Ctrl/Command+Q to Convert to Curves. 
Use the Shape tool to Marquee-select the bottom 
two nodes and click on the Break Curve button on 
the Property Bar. Hit Ctrl/Command+K to break 
apart. Now mirror the bottom line to the right. 
Combine the lines and join the overlapping nodes. 


6 | Click on the Rotate and Skew Nodes button on 
the Property bar. Hold down the Ctrl/ 
Command key and rotate the nodes 180 degrees. 
Repeat this process with a few more pairs of nodes 
to create an interesting line effect. The figure shows 
another line effect created with the same technique. 
This is a fun and easy technique to experiment with. 


9 | Colour the lines and integrate your lines into 

the overall design. The added texture helps fill 
the image. Experiment with your own designs and 
patterns and have lots of fun. EEE 
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Illustrator 


We show you how to make the best use of ///ustrator's 
advanced blending and transparency features to create 
complex artwork from simple shapes and photographs 


Illustration 


Expertise provided by Jason Arber 
at Pixelsurgeon [e] jason@ 
pixelsurgeon.com 


The files accompanying this tutorial are 
in the Tutorial\illustrator folder on the 
cover CD, There's also a demo version 
of illustrator 10. The full version for 
PC/Mac is £387 from Adobe, goto _ 
{w] www.adobe.com for more details. 


fter years of running neck and 
neck with Adobe, 
Macromedia appeared to be 
pulling ahead in the features 
stakes by endowing FreeHand with the 
ability to create transparent fills. But 
when Adobe finally responded and 
included transparency in /llustrator 9, its 
popular vector graphics software, it 
surpassed everyone's expectations. 

As wellas Alpha channel 
transparency, /[lustrator possessed all 
the blending modes that Photoshop 
offered, such as Multiply, Screen and 
Overlay and offered new ways to apply 
those effects to objects and groups. If 


you are familiar with Photoshop's 
blending options then you'll feel at home 
with /llustrator’s transparency controls. 

The new version of /llustrator also saw 
the inclusion of many features aimed at 
the Web designer, such as pixel previews 
of vector artwork and a Save for Web 
command that shared Photoshop and 
ImageReady’s four-up comparison of 
different image compression settings. 

Although you can't save or print from 
the demo version of the software, this is 
your chance to experiment with an 
advanced vector graphics app that has 
allthe tools you need to create exciting 
dynamic artwork. 


Part 1: Creating the background 


Take advantage of ///ustrator's cool new features to make a 


complex background in easy steps 


Pandora's box 


The ability to include 
transparency in your artwork has 
proved to be a mixed blessing: 
designers love it, but repro 
houses are pulling their hair out. 
PostScript, the page description 
language from Adobe, doesn't yet 
support true transparency and 
results from EPS files printed to 
imagesetters can be 
unpredictable. Until printing 
technology catches up with 
Illustrator, it’s advisable to 
rasterise artwork in Photoshop 
for mission critical jobs. @ Open //lustrator 9.01 and create a new 

document (File>New). You'll be faced with a 
dialog box asking you if you want to create a CMYK 
document (print) or an RGB document (screen) one. 
This is to avoid the potential pitfall of mixing CMYK 
and RGB colours in a single document. You can also 
select your Artboard size. 


So far we could be in any number of 

vector-based applications such as FreeHand or 
even the latest version of QuarkXPress. But having 
filled the shape with a graduated tone, it's time to 
experiment with the transparency blending modes. 
Select your abstract shape with the Selection tool, 
then choose a blending mode of Multiply from the 
Transparency palette and you'll find it behaves 
almost like Photoshop. 


Paste the image into your ///ustrator document 
or use the Place command (File>Place) to 
import the file onto its own layer. Select a blending 
mode of Overlay for a subtle effect. You can copy 
and paste the existing abstract vector shapes to 
create the beginnings of a more complex image. 


rll 


Having selected, in this instance, a CMYK 

document and a final destination size of 
230x135mm, the next thing you should do is save 
the file, giving it a meaningful name and putting it 
somewhere sensible. 


There is one subtle difference, however, 

between blending modes in Photoshop and 
Illustrator. Items on a single layer in I//ustrator can 
have unique blending modes. Even if the objects 
have exactly the same blending values, they are 
treated as independent items, just as if they were on 
separate layers in Photoshop. 


Using the font Buddha's Teeth (included on 
the CD in Mac and PC flavours) write 
Pixelsurgeon, or any other phrase that comes to 

mind. Apply a graduated fill and adjust the 
transparency mode to matte the artwork into 
the background. 


The default layer is named Layer 1, but you 
should get into the habit of naming layers to 
reflect the content. Create a background layer with 
an oversize rectangle of colour, and you can start 
using the Beziér Pen tool to create some random 
shapes. If you're unfamiliar with how the Pen tool 
works, this is your chance to experiment — 
abstraction is the name of the game here. 
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Make a quick trip into Photoshop, then create 
a blurred image to give the illustration some 
depth. Pretty much any image will do because you'll 
be pumping the Gaussian blur to push it beyond 
recognition. For those without access to a bitmap 
editing application, the file blur.psd is on the CD. 


9 | Create a white cross by using the Unite 
Pathfinder tool on two rectangles. You can use 
this shape (or any other vector image you fancy) as 
the basis for a repeating pattern. To make a pattern, 
ensure that the bounding box has been sent to the 
back, then select Edit>Define Pattern... or drag the 
shape into the Swatches palette. > 


Illustration | 8t | 


arts 


Illustration 


Illustrator 10 


As well as improving on version 
9's feature set with advanced 
envelope distortion (another 
example of Adobe waiting to get 
itright) and Flash-like reusuable 
symbols, version 10 is notable for 
natively supporting Apple OS X 
and Microsoft Windows XP After 
appearing to lag behind, Adobe 
seems to steaming ahead with 
new versions of GoLive, 
LiveMotion and InDesign 
announced and Photoshop 70 
expected to be released in the 
second quarter of 2002. 


rit | As well as enabling you to experiment with 
blending modes, ///ustrator also supports Alpha 
channels on placed images. Create an image in 
Photoshop with large areas of transparency (or use 
the file reen2.psd included on the CD) and place it 
in your illustration. In a single layer, you can overlay 
several instances of the same image with different 
blending modes. 


9 | After naming the pattern, you can then use it 
in the same way as ///ustrator's native 10} Because you're a rebellious sort, you can break 

patterns. In this instance, create another abstract up the rigidity of the rectangle with some 

shape in the top-left and fill it with your newly angular shapes created with the Pen tool and filled 


created pattern. Experiment with blending modes to _ with white. This helps create a sense of depth and 
achieve an effect you're happy with. 


tension in the illustration. 


12 | Create some more crosses and rotate them by zi 
45 degrees and place them over your image. If - - - 

you felt inclined, you could experiment with 13 | Add some tiny type to your image, to give it 14 | Create a clipping path to mask off some of the 

applying different Styles to your shapes. A Style is a texture, experimenting with colour and text by creating a closed path with the Pen tool 

named set of appearance attributes which gives you _ blending modes. If you make the letters too small to making sure it is above the object you want to mask. 

a fast and consistent way to change the look of comfortably read, this is a great place to insult your With both items selected, choose Object>Clipping 

artwork in documents. peers, rebuke your boss and vent some spleen. Mask>Make from the menu. 


G Now go crazy with the Pencil tool and scribble 
over the artwork with a 0.5pt white stroke and 16 | Add a splash of colour to the far-left. 


no fill. Unless you have graphics tablet, this tool is Experiment with clashing colours and unusual Illustrator has supported a variety of European 
difficult to control and in most instances the Pen combinations. You're not painting your living room, languages for a long time and, if your 

tool will serve you better. However, for the purposes so you can afford to be a little adventurous, and you operating system allows it, the input of double byte 
of this illustration, the unpredictability is ideal. can always change it at a later date. languages such as Chinese, Japanese and Korean. 


Part 3: Creating the foreground 


It's time to get friendly with the Pen tool as you build a 


figure using a photograph placed in ///ustrator 


Linking and 
embedding 


By default, when you place a 
bitmap image in /llustrator, the 
application references the file 
rather than embedding it in the 
document, rather like 
QuarkXPress. This has the 
advantage of keeping file sizes 
down, but can cause problems if 
you move the bitmap file or 
forget to include it in artwork 
sent to a printer or repro house. 
The solution is to ensure that the 
Include Linked Files option is 
checked when saving as an EPS 
oruse the Links palette to embed 
the image. 


Saving to previous 
versions 


/llustratorgives you the option of 
saving to previous versions of the 
application, but beware: 
Illustrator discards any 
transparency attributes specified 
in the Transparency palette. The 
solution is to make sure you 
select Preserve Appearance in 
the EPS Format Options dialog 
box. Always keep a back-up copy 
of your file in /llustrator format as 
you may find that any editable 
type in complex illustrations 
with lots of transparency effects 
has been converted to outlines 
or rasterised. 


wg Take another quick trip into Photoshop, then 
prepare a photograph by posterising it, or use 
the Poster Edges filter to reduce the number of 
tones. For those without access to a bitmap editor, 
the file rina.psd is provided on the CD. 
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Previous versions of ///ustrator enabled you to 

sample the colour from placed bitmap images 
using the Eyedropper tool, but Adobe put a stop to 
this with version 9, which many see as a step 
backwards. Instead, choose approximate tones from 
the Colour palette. 


2 Place the posterized image in a new //lustrator 
document (File>New) so you're free of 
distractions. Lock the layer and you are ready to 
manually trace over the image to create a new 
element to add to your main file. 


G Build up the different elements on separate 
layers. Turning off the visibility on lower layers 
enables you to see the whole bitmap clearly when 
working on higher layers. 


a” Copy and paste into your main illustration file 
and scale to fit. Because this is a vector image, 
you can scale it to any size and it will print with 
sharp outlines. 


g ce Create a techno speech bubble for the Chinese 
text, setting the Transparency to Screen. After 

all, you might have spent hours on that hand tracing 
and you don't want anything to obscure it. 


g Although /I/ustrator includes its own bitmap 
tracing ability (the Auto Trace Tool), it 
generates clumsy paths with too many anchor 
points. Instead, use the Pen tool to define areas of 
tonal change. When using Bézier paths, try to use as 
few anchor points as possible: your curves will be 
smoother and you'll keep the file size down. 


Go Manually tracing the image can be a 
time-consuming process, but the results are 
worth it. Tie the new illustration together by adding 
a thick keyline as the lowest layer. Create this by 
copying all the layers containing artwork and 
pasting onto a new empty layer. Use the Unite tool 
from the Pathfinder palette to make a single object 
that you can give an 8pt keyline. 


With all the elements now on the artboard, it's 
time to adjust the positions, even removing 
elements which aren't working. Change the blend 
modes, experiment with different layer orders and 
don't forget to keep saving. Eventually you'll be 

satisfied with what you see and call it a day. FEES 
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Gary Kempston 


“It's important to be aware of your own individuality within the industry, but 
also be aware of trends as a whole,” says freelance illustrator Gary Kempston 


anding your first commission from The 
Guardian when you're straight out of 
university is no small achievement, but 
freelance illustrator Gary Kempston, 27, puts 
it down to being in the right place at the right time. 

“| just sent them some promotional cards I'd done and 
that was my first decent job,” he explains. 

He thinks it’s his designs’ crossover appeal that 
makes them so marketable. “They're adaptable and fit 
into lots of different contexts. And while I'm aware of 
trends in a loose context, | wouldn't ever try and make 
my work really trendy or ‘in’,” he says. “It isn't too 
obscure - there's a bit of reference to contemporary 
trends but it’s not really faddy. It’s important to be 
aware of your own style and individuality within the 
industry, but also be aware of trends as a whole. My 
work is quite light-hearted, most of my people look 
jolly and upbeat. It’s positive and suggests movement.” 

Today, three years on, his client list ranges from 
editorial and design, through to ad agencies and new 
media groups. He's just finished doing some brochure 
covers for AXA insurance company. “They were limited 
colour, simple illustrations,” he says. “I’m glad | did that 
job, it’s given me a new style of work.” He’s also 


recently done some editorial for PC Guide and the 
British Midland Airways inflight magazine, Voyager. 

Part of Gary's success in getting a solid client list 
together is his pro-active approach to self-promotion. 
“When | was at the University of Humberside there 
were about 30 of us, but I’m the only one whos still in 
illustration — the others have all ended up doing 
different jobs, and | think that's because there wasn't 
enough emphasis on the business side of it. After Uni, | 
did a Prince's Youth Trust scheme and got a loan off 
them to buy a computer. | learned rules about 
marketing, promotion, books, tax: areas that weren't 
covered in the course. | think people get disillusioned 
with the more mundane aspects of the job - all the 
work on the business side, but you need to get as much 
information as possible. It would be useful if people 
knew that from the outset.” 

Getting yourself noticed is half of the battle. “See 
people face to face,” advises Gary. “If you show a 
magazine your portfolio, make sure its relevant: part of 
it is doing your homework and targeting properly. I’m 
quite old fashioned and write to people. They get so 
many emails that a letter does stand out a bit. | ask if | 
can come and see them and then make a follow up call 


and do the rounds, although it's daunting when you 

| first start.” Part of the reason his graphics have caught 
| nso fast is their immediacy and freshness, a quality 
that Gary tries specifically to retain. “I always start 

in a sketchbook with pen and ink. I’m very much 

into the basic process of scribbling down ideas to 
maintain that spontaneity. It can look too contrived if 
done ina Mac.” 

At the moment he's working on a Mac G3, with 
bumped up RAM, a 17-inch monitor, a scanner and a, 
now redundant, Wacom graphics tablet (too small) and 
mainly uses /llustrator 9and Photoshop. Since much of 
his work involves static images that don't use up huge 
file sizes, there's no current need for an upgrade, 
| although he is keen to branch out into animation. 

“A year ago | did animations for a kiddies interactive 
booth for the Science Museum. It was done in Director 
and was very basic. Also, | keep seeing things on TV 
like the Orange animations, that I'd like to try.” 

There's a portfolio Website in the pipeline, look out 
for it at [wW] www.gkimages.com. GEES 


1. This illustration was for a technology feature in British Midland Airway's inflight Voyager 
magazine. “I'm interested in building up graphic layers within the images,” he says. 


2. An illustration for The Guardian(G2 section). 


3. An illustration for an AXA insurance policy brochure cover. “The limited colour palette 
gives the image a bold immediacy,” says Gary. His personal style tends to be clean and 
simple. “I don’t like the Brush tool, | prefer to keep it clean. I don’t use many filters in 
Photoshop, | like to keep things sharp and angular and contrast it with organic shapes,” 
he adds. 


4. This graphic for The ArtBook 2002 is an example of work suitable for a younger audience. 
Gary lists his influences as: “Old cartoons from when | was a kid, comics like 2000AD, Pink 
Panther stuff, Wacky Races... |'ve always been into Miro, Paul Klee and Picasso.” 


5. An illustration for The Guardian(Weekend magazine) “A great job: | had the freedom to 
take it in any direction | pleased.” 


6.“A personal piece, using a bold, graphic approach,” says Gary. 


7. This was a promotional piece. “Sometimes, a job triggers off an idea which | can use asa 
sample card,” says Gary. 
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FreeHand 8 


Following on from the FreeHand 8 tutorial in Computer 
Arts 64, we re-visit this top vector illustration application 
and get to grips with more than just the basics... 


uch was the sell-out success of can bring scans of old line art from 50s magazines 
( Computer Arts 64, which came | to life - you'll find these images on the cover CD. 

packaged with a free copy of FreeHand Create an image that utilises FreeHand 8's ability 

8 on the cover CD, we've decided to to emulate the flat, bold colours of the silk screen 
run a tutorial especially for readers who bought process. What could Andy Warhol have produced 
that issue. with this application, had he still been around? 


The tutorial in 64 gave new users of the 
application a head start, covering all the basics f 
and a few other tasks as well. Here, we continue 
on the same theme, reminding ourselves of those 
basics, and trying out some new tools and effects. 
We experiment with the handling of fonts, clipping 
paths, and the lens fill as well as the Shadow, Arc 
and Smudge tools. The illustration shows how you 
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Part 1: The base layers 


Create irregular base shapes for your illustration using the Rectangle tool, the Line tool, 
custom gradients and clipping paths... 


Inspiration 


This illustration was inspired by 
the idea that the better an 
illustrator understands an 
application, the more power they 
have to push their work in new 
directions. It also conveys the 
idea that an illustration can be 
super-charged as if it was an 
engine in a workshop. 


Planning your 
illustration 


When it comes to using 
FreeHand 8 to create your own 
illustrations, plan carefully. The 
most visually interesting images 
are the ones that bring together 
hand-drawn and found elements 
rather than just images created in 
the application itself. Look for 
inspiration and plan your idea 
before opening the application. 
Try to make notes and draw 
thumbnail sketches on paper. 


Launch FreeHand 8 and create a new file. Go 

to Page Inspector>Inspector Panel>Custom to 
set the page size as X: 230mm and Y: 165mm. Using 
the Line tool, create the rectangular shape with the 
dropped left panel, as above, which will be part of 
the background shape for the entire illustration. Go 
to Edit>Select All and then Modify>Join to join the 
lines. Create a new colour in the Colour 
Mixer>Colour Panel by mixing 37 per cent cyan 
with 18 per cent yellow and go to Fill>Inspector 
Panel to fill your new shape with colour. Go to 
Line>Tool to remove the line/stroke. Name this 
layer: base. 


Create a fourth layer and name it base texture. 
From the folder Tutorial\FreeHand on the 
cover CD, locate the file named texture/wood.tif. 
Choose File>Import, highlight the file and click 
Open. The image will now import into your 
document. With the image highlighted, go to 
Inspector Panel>Information and check the 
Transparent box. Go to Transform Panel>Scale and 
check the Uniform box to ensure the scaling is equal 
across the object. Key in 1100 and click on Apply. 


Lees = imal 
Create a new layer and name it upper base. 
Double-click the Rectangle tool and set the 
Corner Radius to 0. Draw a rectangle that sits above 
the original base shape but slightly overlaps it. Mix 
two new colours, the first, a straight 100 per cent 
cyan and the second, 72 per cent magenta. Fill your 
new shape by highlighting it and specifying 
Fill>Gradient>Linear, Choose the 100 per cent cyan 
as the upper colour and the 72 per cent magenta as 
the lower by checking the relevant boxes. Set the 
revolving dial to 257 degrees to adjust the angle of 
the gradient. Go to Line>Tool to remove the 
line/stroke. 


5 | Mix a new colour of 76 per cent cyan, 31 per 
cent magenta and 21 per cent yellow and 
apply to the texture/wood via Inspectors>Fill>Basic. 
Next place it over the top of the object base 2. 
Highlight the texture and then go to Edit>Cut. With 
the Alt/Option key held down, highlight the edge of 
Base 2 object and then go to Edit>Place Inside. The 
texture should now sit neatly inside your shape. If it 
needs to be repositioned, drag the centre into the 
best position. 


We are going to place a texture onto the lower 
base shape so that it fits neatly. Unlock the 
layer ‘base’ and then go to Layers>Duplicate to 
make an exact copy of the layer. Lock the layer base 
and then remove the fill from the copy by going to 
Inspector>Fill>None. Rename the copy base 2 and 
give it a stroke so that you can see what you are 
doing next. Turn off the view on the Base layer. 


G To complete the two background layers, just 
turn the view back on for base layer. Base 
texture is now a layer with nothing on it, so it is best 
to delete it now to save confusion later in the 
tutorial. Just go to Layers>Options>Remove while 
the layer is chosen. Unlock Base 2 and go to 
Inspector>Information and make sure that the 
Even/Odd Fill and Closed are both checked. 


Part 2: Importing images and applying custom and lens fills 


Next we bring some pre-scanned images from old archives and give them a new life 


To embed or not 
to embed 


When importing images into 
your FreeHand 8 document, you 
can choose to embed the 
images, if you wish. It will make 
the document size much larger 
but does ensure that all of the 
elements are included, meaning 
that you have less file 
management complications 
later. To always embed, go to 
Embed Images and EPS Upon 
Import in Preferences. 


From the folder Tutorial\FreeHand 8 on the 

cover CD, locate the file named bench.tif. 
Name a new layer bench line, then choose 
File>Import and with bench.tif highlighted, click 
Open. Make the bench image transparent and take 
it up to 220 per cent. Position so that the lower of 
the left legs is close to the corner of the base. This 
image has been scanned from an old DIY mag from 
the 50s and we decided to leave in parts of the type 
surrounding the drawing for added interest. 


Now mix a new colour from 60 per cent cyan, 

40 per cent magenta, 40 per cent yellow and 
100 per cent black. This colour looks just like the 
pre-set black but has the advantage of printing as a 
very dense black if you were to take your image to 
repro and then commercial print. This is a tip worth 
remembering, so it’s vital that you check that all 
blacks in your artwork are of the same quality. It 
may not show on screen but will in print. 


Next we are going to add a lens fill to the 

bench image. This will enable us to add a 
colour to the inside of the bench but the 
background texture will still show through. Using 
the magnifier, increase the size of the viewable area 
to 200 per cent. Lock the bench layer and open a 
new one naming it bench colour. Using the Line tool 
set to 1 point and 72 per cent magenta, to ease 
viewing, draw/trace the outline of the bench. Try to 
keep your line just inside the outer edge so that it 
will sit neatly later. > 
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Part 2 continued... 


Filling your objects 
with colour 


Although we only tackle a few of 
FreeHand 8’ fills, there are nine 
in total listed in the Inspector. 
They are None, Basic, Custom, 
Gradient, Lens, Pattern, 
PostScript, Textured and Tiled. 
Some are quite tricky to work 
with, because they aren't visible 
on your monitor exactly as they 
will print, even when applied. 
Have fun with them, though. 
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4 | Select all of the lines created by the Line tool 
and go to Modify>Join. The object will then fill 
with your last chosen colour, if still selected. Mix a 
new colour of just 100 per cent magenta. Go to 
Inspector>Fill>Lens and choose 100 per cent 
magenta and set the opacity slider to 50 per cent. 
Lock the layer and move down under the bench line 
layer. You have created a fill that is opaque. 
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We'll import just one more object, the pencil.tif 

and then drop colours into the existing images 
to make them more interesting. The pencil will need 
to be scaled by 200 per cent and placed as if 
drawing the engine. Import the file texture/small 
dots.tif onto a new layer — this will make up part of 
the texture of the hand holding the pliers. 


We shall now add some more pre-scanned 

images and create some other custom fills. 
Import the file engine.tif into a new layer, make it 
transparent and enlarge it, positioning it onto the 
bench. Remember to change the fill colour of this 
new object to the new black as before. Do the same 
with the file hand/pliers.tif and position this just to 
the right as shown. 


8 | As we did before, in a new layer select the Line 
tool and draw/trace just the hand. Select all 
the lines and go to Modify>Join. Mix a new colour 
made of 71 per cent magenta and 100 per cent 
yellow. Fill the hand with it and move the layer to 
below the original hand layer. Duplicate the 
hand/orange layer and remove the fill. Create a new 
colour of 31 per cent cyan, 82 per cent magenta and 
35 per cent yellow. Unlock the layer with the dots 
and fill with the new colour. 


It is a good idea to import as many 

pre-scanned images as possible at this stage as 
they are easier to move into position before you 
make too many adjustments, Locate and import the 
file drill.tif on the cover CD and place it to the left of 
the bench. Highlight it, make it transparent and go 
to Transform Panel>Reflect, key in 90 degrees and 
Apply. The drill should now be facing the fan of the 
engine. Change the image colour to the new richer 
black. This image also has some type on as part of 
the scan. 


9 | Do as we did earlier and use the clip path to 
paste the dots inside the hand. Remember: 
highlight the dots and go to Edit>Cut and then go 
to Edit>Paste Inside while holding down Alt or 
Option. The layer that had the dots on is now empty 
so go to Remove. Move this latest layer to place 
under the original one with the hand scan on. You 
should now have an orange and red dotted hand. 


Part 3: Creating custom shapes 


First we draw a few custom shapes then discover some of the hidden 


extras FreeHand 8 has in store 


Number of Sides 


© Polygon ©@ Star 


Star Points 
© Automatic @ Manual 


obtuse 


1] Double-click on the Polygon tool to open the 
Polygon dialog window. Move the Number of 
Sides slider to give 20 sides, check the Star option 
and Manual on the Star Points. Set the lowest slider 
to about a third from the Obtuse setting. You are 
looking to create a circular flash like the stickers 
used in supermarkets. Draw onto a new layer and 
place it above the pencil. Make sure that the stroke 
and the fill are both in white. 


Illustration 


Import the file free!.tif on the cover CD and 
place it inside the flash. Scale it up by 120 per 
cent, make it transparent and rotate it by 5 degrees. 
Next duplicate the layer and place the copy under 
the original layer. Change the fill to 71 per cent 
magenta with 100 per cent yellow and then move 
to the right and lower slightly to create a shadow 
effect. We shall look at how you can use the 
Shadow tool on vector images in a moment. 


We are now going to create the shape that the 

main caption will fit into. Double-click on the 
Rectangle tool and set the Corner Radius to 20. On 
a new layer, draw a rectangle in the top-left with a 
deep black stroke and fill. You may need to adjust 
the size when we drop the type in later. Make sure 
that this shape doesn't interfere with other 
components of the illustration so if you need to, 
unlock the layers to the objects that you may need 
to move slightly. 


ai 
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4 | With the Line tool set to 4 point in deep black 
and the dash set to the second option on the 
pulldown bar, draw a straight horizontal line. Set the 
Cap setting to the option on the far left. Position this 
line at the lower edge of the illustration. Now go to 
the Xtras Tools panel, and double-click on the 
Shadow tool to bring up the dialog box. Choose 
Hard Edge from Type and Tint from the Fill options. 
Set the percentage of the tint to 19 and scale at 
about 97 per cent to slightly reduce it. Offset X at -5 
and Y at -3 to create the effect of a dropshadow. 


ee, 


t 


i 
i 


G Follow the same directions to create a second 


line running vertically but in the Shadow dialog 


box Offset, set the co-ordinates X at 3 and Y at -3. 
Next import the file scissors.tif on the cover CD, 
then scale it by 110 per cent and position over the 
horizontal dotted line to create a phoney cut-and- 
post reply effect! 


G With a new layer open, go to Xtra Tools>Arc 
and double-click. Check the boxes that read 
Create Open Arc and Create Flipped Arc. In the 
bottom-left of the illustration, draw an arc from 
bottom to top. Repeat this to the right and slightly 
lower. Using the Pen tool, draw a line that connects 
the lower of the two arcs and add four lines at the 
other end to create an arrowhead. Highlight all the 
line work and go to Modify>Join, adding a fill of 71 
per cent magenta and 100 per cent yellow to the 
stroke, which is set at 4 point in deep black. 


Part 4: Handling type in FreeHand 8 


You've imported pre-scanned images and text as images but FreeHand also gives you control of your fonts 


Secrets of 


typographic 
fuzziness 


Although this tutorial shows you 
how to use the Text tool within 
FreeHand 8, it is sometimes best 
to make the type look slightly 
roughed up so that it fits with the 
effect created by the old 
magazine scans. You could use 
the Roughen tool in the Xtras 
panel to roughen up vectors 

but this won't work with type. In 
the main illustration, the type 
was printed with an inkjet printer 
onto cheap paper and then 
scanned, saved as a TIF and 
imported. Simple! 


Go to Inspector>Text to view the current 

set-up. For ease of viewing, set the text initially 
to Times, Plain, 12 point, and ranged left with 0 
leading or kerning and Baseline Shift set to 0. Ina 
new layer, click on the Text tool and draw a box 
over the top of the black panel that you created 
earlier: this is where the type goes. The cursor will 
automatically set at the far left. Key in the words; 
‘super-charge your illustration!’ You will need to 
highlight and set Fill to the pre-mixed orange to 
view over the black panel. 


2 Highlight the text and change it to another 
font using Inspector>Text. This tutorial uses 
the font Wunderland from Fontalicious, free on the 
cover CD of Computer Arts Special 26, Design for 
Print. Set this to 48 point and then click on centred 
type to make the type sit in the centre of the box. 
You may need to do some visual adjustments to 
place the type in the best position. 


IDEAS 
ARE 


| Follow the same set of guides to create a new 
layer that sits inside the flash, above the 
Free!.tif. You may need to move this down a shade. 
This time, key in the words ‘ideas are’ and use the 
font Trendy University from the same Fontalicious 
folder on CD 26. Fill the font with the deep black. 
You could choose another font, but make sure that 
it sits neatly. 


Part 5: Finishing touches 


Completing the illustration with old tricks and a couple of new ones... 


Experimentation 


Trial and error is probably the 
best route forwards as you get to 
grips with new applications, 
Make sure that you save ona 
regular basis, of course. The 
same principle of trial and error 
comes into play in creating 
illustrations - be prepared 

to try new ideas and ways 

of working, but remember 

that successful illustrations 
depend on strong ideas as well 
as strong techniques. 


ey In new layers, trace the outer edges of the drill 
and the pencil. Fill the drill with a new colour: 
18 per cent cyan, 5 per cent magenta and 31 per 
cent yellow and fill the pencil with the same colour. 
By copying the layers and changing the Fill colour, 
you can create some more dropshadows which echo 
the effects of mis-registration. 


Go back to the orange arrow that you drew 

with the Arc tool and Pen tool. Unlock the 
layer, highlight and go to the Xtra Tools>Smudge 
and using the two fingers, smudge the image a little 
to the left to create a sense of movement. This is a 
cool effect but remember to use sparingly. 


The last touches. Add colour to the engine, the 

pliers and drop-shadow/mis-register the 
elements that are crying out for it! One last tool 
usage: highlight the base layer and with the 
Freeform tool, push and pull to the top edge to give 
the horizon line a few ups and downs. Add your 


signature/logo and you're done. EEE 
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Getting started 


IIlustrator 10 for Dummies 


Ted Alspach & 
Barbara Obermeier 


[ Publisher | 


Hungry Minds 


| ISBN | 


0764536362 


/ 


ollowing the usual Dummies 
format, this edition covers all 
the techniques you need to 
| get up to speed with the 
latest version of /llustrator. First upisa 
general overview of the program, then 
follow detailed tutorials on handling 
the creation of illustrations for the Web. 

Each of the 20 chapters is 
self-contained enabling you to work at 
your own pace. Being tutorial-based, 
each chapter gives you hands-on 
experience from the first page. Chapter 
three, an exposé of all of /llustrator’s 
key features, is probably the most 
useful for beginners. 

If you are familiar with any of the 
other books in the series, you will be at 


home with this one. Hints, tips and 
shortcuts are all here in abundance. 
This edition is a little more text-heavy 
than other manuals in the series, but 
this isn't a major shortcoming. The 
screenshots and illustrations are clear 
and relevant, and although a colour 
section would have been welcome, its 
absence doesn't hinder your learning. 
The For Dummies series tries to 
entertain its readers at the same time 
as teaching what are often very 
complex programs. They aren't the most 
comprehensive manuals available, but 
provide a less intimidating environment 
for the beginner to learn in. If you are 
coming to /llustrator 10 for the first time, 
this book is a good basic introduction. 


Illustrator 10 


Illustrator 10 


Sams Teach Yourself I//ustrator 70 in 24 Hours 


Publisher 


Golding 
rat Pig ae 


0672323133 


Illustration 


ollowing the now familiar 
format of all the /n 24 Hours 
i j beginners’ guides, this 

‘a edition takes on the latest 
incarnation of Adobe /llustrator. 
Divided into 24 one-hour sessions, all 
the fundamental aspects of /llustrator 
10 are covered. You won't be a guru 
after completing each lesson, but you 
will have a solid foundation. 

Each lesson builds on the last, 
reinforcing concepts that you have 
already encountered. Numbered, 
step-by-step tutorials walk you through 
each key feature, with each lesson 
supported with screenshots that are 
adequate but not reproduced as well as 
they could be. 


The entire /llustratorcourse is divided 
into four sections, beginning with the 


eS —z 
ubiquitous setting-up and explanation ahs 

of the /llustrator interface. Later SAMS 

sections broadly cover understanding Teach 

strokes, fills and gradients as well as Yourself 

adding text and using transformations. Adobe a 
Concluding lessons explain how to ll lust & 
handle raster images and create images ff d tor 10 


for the Web, including animations. 

To check your progress, each chapter 
ends with a workshop area with a short 
quiz and a few exercises that enable 
you to practice the skills. If you are new 
to /llustrator, you can become 
proficient with its basic features in less 
than 24 hours, although obviously the 
more time you have, the better. 


Peter 
Plt) 


Fresh perspective 


4X4 Light and Dark 
Price 
£36.99 
Authors 


Sean Donohue et al 


Publisher 
Friends of Ed 

ISBN 
1903450454 


his is part of a quartet of new 
WT books that offers four artists the 
: chance to explore their own 
interpretation of a theme primarily 
using Photoshop and Illustrator. 

Slim in stature, but professionally 
produced with an accompanying CD, 
each book takes the reader through the 
four stages of the design process: 
Theory, where sketchbooks and mood 
boards are shown; Light and Dark, the 
completed images themselves; Process 
where technical information is 
discussed and finally perhaps the most 
interesting stage; Noise where each of 
the artists remix each others work. 

Breaking new ground, with each 
artist attempting to show the reader 
why and how each image looks the way 
it does, this new series offers a fresh 
perspective on design with industry 
standard tools. 


Verdict 
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Authors 

Brian Taylor et al 
Publisher 

Friends of Ed 
ISBN 

1903450462 


Hi 


he second in this new series 
nT once again has Photoshop at its 
2 heart, but this time throws 3D 
rendering packages into the mix, 
showcasing pieces by some of today’s 
most talented designers. 

Photoshop has always been used 
with 3D software and its power at 
manipulating colour and texture is 
unparalleled. Here, we see it handled 
very differently by four artists. The work 
of Tom Muller for instance is industrial 
design as fine art as he manipulates 
images with Strata 3DPro. The artists 
talk at length about the influences 
behind each piece before walking the 
reader through the design processes. 

Even more innovation comes to light 
in the Noise section where the artists 
take a fresh look at each other's work. If 
your own work has a 3D element, this 
book will be an inspiration. 


Verdict 


SSK 


The drawing board 


How to Draw and Sell Cartoons 


£14.99 


Ross Thomson & 
Bill Hewison 


Publisher 


North Light Books 


= acked with over 200 
! illustrations as well as cartoons 
an from such masters as Giles, 


James Thurber and Posy Simmonds, 

this book attempts to unravel the 

secrets of creating and selling 

cartoons. At first glance, anyone with at 

least a little talent might discount this 

book, but sound advice is to be had 

even if the presentation is a bit wooden. 
After lengthy chapters on the tools of 

the trade, this book moves into more 

interesting territory, discussing matters 

of style and of course the all- important 

commercial aspects of cartooning. 
There is plenty here on the physical 

creation of cartoons, but precious 

little on how to sell them. If you are 

a complete novice then there is 

sound advice here, but don't expect 

any industry advice on how to sell 

your work, 


Verdict 


Effective layouts 


Graphic Design Cookbook 


Price 


£10.99 


Leonard Koren & 
R. Wippo Meckler 


Chronicle Books 


ISBN 


0811831809 


his book has found a home on 
WT countless thousands of print 
fi designers’ shelves. Overa 
thousand simple, but tried and tested, 
layouts are shown as line drawings - 
not very inspiring to describe, but as 
essential as the pen you draw with. 
The first six chapters cover each of 
the main elements of a well-designed 
page, beginning with structuring space 
and text systems. Later chapters cover 
how information can be ordered and 
layout systems for pictorial elements. 
Matching each element as your 
design requires it becomes almost 
child’s play. Use this structured 
approach to guarantee a well laid-out 
document, or simply dip into this 
cookbook as required. An essential tool 
for anyone with a print background who 
needs to cook up some quick but 
effective layouts fast. > 


Verdict 


Illustration | ot | 


The printing process 


Digital Imaging 2.0 Printing the Image 


RotoVision 
ISBN 


20880465362 


moana the Image Bs 


ollowing the first book 

iF Capturing the Image, this 

: volume looks at how 
photographers can print their images. 
Aimed primarily at the digital 
photographer, this is also the perfect 
companion for anyone who needs to 
make the right choice when buying 
their next printer. 

The book begins with an overview of 
the printers available, and subsequent 
chapters cover each element of the 
printing process, from setting up the 
printer driver to choosing the right 
paper. Technical issues are also 
discussed in laymen's terms such as 
handling colour management using the 
Adobe Colour Management Wizard 
with Photoshop. The majority of this 
information is biased towards the 
photographer, but anyone working with 
any kind of image will benefit. 


Verdict 


SKS 


Innovative design 


Restart: New Systems in Graphic Design 


£16.95 


Niithar 
\UTNO 


Emily King & 
Christian Kister 


Thames & Hudson 


0500282978 


f you want to understand 

vd where design is going today, 

: look no further. This distillation 
of the work of over 25 studios on the 
cutting-edge of design offers a 
snapshot of modern design thinking. 
The three self-contained and themed 
sections first describe the landscape 
within which today’s designers are 
working, and then present some of the 
most innovative designs available. 

The three themes are explored with 
over 600 illustrations. The first of these, 
Code, considers how to break the 
chains of established design with 
computers and move into innovative 
environments. The second, Generic, 
aims to ‘extract the juice’ from the 
mundane, while the third, Disjunction, 
presents the work of artists such as 
Peter Saville and M/M who distort the 
ordinary into new pieces of art. 


Verdict 


SES 


CorelDRAW 10 


Corel[DRAW For Windows, Visual Quickstart Guide 


£14.99 
Authors 


Phyllis Davis & 
Steve Schwartz 


Peachpit Press 


0201773511 
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VV) ith CorelDRAW now up to 
i] version 10, this guide is a 
: welcome addition to the 
already excellent Visual Quickstart 
Guide range. The format is the same as 
othertitles in the series, beginning with 
an overview of what’s new in version 10. 

The next 18 chapters show in detail 
how each new feature works, and 
comprise a complete beginner's guide 
to CorelDRAW itself. From first 
principles to how to make the most of 
additional utilities that can enhance 
your basic installation, this guide 
distills the information you need to 
become proficient in all aspects of the 
program without resorting to technical 
jargon, or reams of explanation. 

As always, well-chosen illustrations 
and screenshots complement each of 
the tutorials. This is the ideal guide for 
all CorelDRAW novices. 


Verdict 


SIS IE 


In the Gallery 


Pen and Mouse 


Angus Hyland (ed) 


Laurence King Publishing 


1856692310 


ithin the pages of this large 
| format book, you will be 
q treated to some of the best 


computer aided design produced by 45 
of today’s most accomplished artists. 

The editor of this design anthology 
states, “This title investigates the work 
of image-makers whose craft occupies 
the space somewhere between graphic 
design and fine art and whose tools are 
increasingly those of a digital medium.” 
Images are juxtaposed with a Q&A with 
each of the artists that offers an insight 
into the creation of each piece. 

As with Restart, reviewed above, this 


collection focuses on commercial and 


digital illustration and design, and is a 


_ piece of design in its own right. As you 


turn each page, you move from one 
innovative style to another: each 
different, but each with its own 
commercial foundation. EE 


Verdict 
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Computer Arts Flash Special — 
COSB0022 

Tutorials on a host of Flashrelated 
topics, including: the designer's 
guide to XML; creating and editing 
sound clips, using a Flash 5 
scripting engine; rotational 
navigation; and how to set up a 
Generator server and add dynamic 
Flash content. Make your Flash life 
easier with a complete ActionScript 
reference and expert tips from 
Macromedia. We also profile rom 
and son, Broad Snout and Pesky. 
CD Demos of Flash 5, Director 8.5, 
Generator, FreeHand 10, 

Flash Typer, and 70+ source files. 


Issue 61 — Code CA061 

Pixel art: all angles explored 

CD Expression 2 LE, IconBuilder 
Pro 3, Premiere 6 demo. 


FV ES : 
PLotLosnNcoe! 
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Computer Arts Photoshop 
Special — COSB0023 

We cover a whole range of 
Photoshop techniques from 
creating chrome and metal textures 
to blending using layer modes, 
cleaning scans, and optimising 
graphics for the Web. We also take 
a look at accurate skin matching in 
composite images and Magictorch 
explains how to give abstract 3D an 
extra twist. Plus, reviews of the 
best plug-ins, expert ImageReady 
tips, profiles and more. 

CD Demos of Photoshop 6, 
Cinema 4D XL 7, 70 plug-ins — 36 
for Mac, 34 for PC. 


Issue 63 — Code CA063 

100 tips on creating better images 
CD Free Eye Candy 3.1 plug-in, 
SoftimagelXSI demo. 


£6. Postage fr 


Computer Arts Design for Print 
Special —- COSB0026 

Anew and modern look at the 
whole area of designing for print — 
we take a look at QuarkXPress 5 
and InDesign 2, and key DTP apps 
and topics, including PDF: a guide 
to Acrobat, perfect cut-outs, the 
golden rules of graphic design, and 
preflighting. For quick reference, 
we've compiled 102 DTP tips, and 
reviewed 10 plug-ins and 
XTensions. Plus profiles of Glamour 
magazine and Beaver Design. 

CD 1000 free sample images from 
Hemera, 150 free fonts, XPress 4 
and InDesign 1.52 demos. 


Issue 64 — Code CA064 
FreeHand 8 free, photorealism 
CD FreeHand 8, LightWave 7 dual 
demo, Dreamsuite demo. 


1 per issue for Et 


Computer Arts Special effects — 
COSB0027 

Use your video, 3D and 
compositing skills to create movie- 
style SFX. Tutorials include: creating 
dragon fire in 3ds max; ultra-real 
planetary explosions; Hobbits! The 
‘little people’ effect; slo-mo, old film 
effects, mattes, fur and more. We 
take a look at the hot new desktop 
tools taking the donkey work out of 
vfx, and the story behind Walking 
with Beasts. Plus, a guide to SFX 
software, profiles and regulars. 

CD Free copy of AlamDV1 worth 
£45, demos of LightWave 7, 
Cinema 4D XL7 and AE 5. 


Issue 65 — Code CA065 
Film-making for the Web 

CD Deep Paint 3D 1.61 (PC), 
Swift 3D 2 (PC), Flash 5 (dual). 


pecte 


desis [Si 


Computer Arts Complete Web 
design — COSB0028 

Design an entire Website in our first 
‘concept’ issue involving some of 
the UK’s finest new media talent, 
including Fictitious Egg, Freakish 
Kid, Sprite Interactive, Bigimpact TV 
and Computer Arts’ leading writers. 
You'll find tutorials and theoretical 
features on every aspect of site 
design from Web games, 
navigation, databases, graphics, 
layout, audio, 3D, streaming video 
and animation. 

CD AxELeage 15, eight essential 
demos including Dreamweaver 4, 
Flash 5 and After Effects 5 


Issue 66 — Code CA066 
Photoshop filters 

CD QuarkXPress 5 (dual), gmax 
(PC), PhotoStudio 4.0 (dual) 


+44 (0) 1458 271108 


take out a subscription — see page 65 
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[Agencies] 


They may charge a 30 per cent commission, but an agent can command 
higher fees and help promote your work. We pick some of the best... 


Arena Illustration Agency 

108 Leonard Street 

London 

EC2A 4RH 

[w] www.arenaworks.com 

[t] 020 7613 4040 

Representing 34 illustrators worldwide, 
Arena is known for its traditional and stylised 
illustration. The company is now taking a 
strong interest in digital artists. 


Organisation Illustration Agency 


Basement 

69 Caledonian Road 

London 

NI9BT 

[w] www.organisart.co.uk 

[t] 020 7833 8268 

The Organisation claims to represent artists 
who work in a variety of media, traditional 
and digital, covering many styles. Illustrators 
on its books include such Computer Arts 
favourites as Anthony Robinson, Domanic Li 
and Ray Smith. 


Folio 


10 Gate Street 

Lincoln's Inn Fields 

London 

WC2A 3HP 

[w] www. folioart.co.uk 

[t] 020 7242 9562 

Bo Lundberg, Jason Brooks and Toby Leigh 
are among the Computer Arts profilees 
represented by Folio. Established for 25 


Photographers, illustrators and fine artists are on the 
books at Debut Arts, not least of whom is Computer 
Arts regular Jacey. 


years, the agency prides itself on 
representing illustrators of a particularly high 
quality and versatility. 


The Art Market 


51 Oxford Drive 

London 

SE1 2FB 

020 7407 8111 

[w] www.artmkt.co.uk 

[t] 020 7407 8111 

The art market illustration agency has 
represented a group of established 
commercial artists and illustrators since 
1991. The agency claims to take pride in 
supplying clients with quality work and 
meeting deadlines. And you can't say fairer 
than that. 


The Artworks 


70 Rosaline Road 

London 

SW67QT 

[w] www.theartworksinc.com 

[t] 020 7610 1801 

Calling itself the international agency 
for exceptional artists, The Artworks 
represents a group of 30 artists and 
illustrators, working internationally directly 
through its offices in London, New York, 
Chicago and Tokyo. 


Central Illustration Agency 
36 Wellington Street 


Co-founded in 1994 by Lawrence Zeegan, Heartis 
the home of some of the most cutting-edge artists in 
the country. 


London 

WC2E7BD 

[w] www.centralillustration.com 

[t] 020 7240 8925 

Founded by Brian Grimwood in 1983, the 
Central Illustration Agency represents some 
of the world’s most prestigious illustrators. 


Eastwing 


98 Columbia Road 

London 

E27QB 

[w] www.eastwing.co.uk 

[t] 020 7613 5580 

Representing over 25 illustrators with a 
varied range of styles, Eastwing has 
traditional and digital artists on its books. 


lan Fleming Associates 


Hogarth Studios 

64 Charlotte Street 

London 

WIT 4QD 

[w] www.blackandwhiteline.com 

[t] 020 7323 2030 

Encompassing Black and White Line, 
Phospher Art and Fleming Associates, lan 
Fleming Associates represents in total over 
50 artists and illustrators, including Nathan 
Jurevicius, the illustrator responsible for the 
cover of our last /[lustration Special. 


illustrationRGB 
1 Vicarage Crescent 


With more than 30 artists on its books, New Division 
claims to represent an eclectic mix of styles using 
traditional and high-tech methods. 


You'll have seen the work of Anthony Robinson, 
Domanic Liand Ray Smith in the pages of CA many 
a time — they're represented by The Organisation. 


London 

SW11 3LP 

[w] www.illustrationRGB.com 

[t] 020 7228 8882 

ILlustrationRGB specialises in representing 


illustrators, 2D and 3D artists, and animators. 


The company claims to represent leading 
new media artists fulfilling your Web, 
broadcast, video and multimedia needs. 


The Inkshed 


98 Columbia Road 

London 

E27QB 

[w] www.inkshed.co.uk 

[t] 020 7613 2323 

With over 30 illustrators already on its books 
(and surely many more on their way) The 
Inkshed is bursting with talent. Artists range 
from those using traditional media to those 
creating digital content. 


Meiklejohn Illustration 


5 Risborough Street 

London 

SE1 OHF 

[w] www.meiklejohn.co.uk 

[t] 020 7593 0500 

Meiklejohn Illustration represents a varied 
range of illustrators - we'll let the company 
sum it up: “We don't have a house style as 
such, preferring instead to represent a 
collection of artists whose very diversity 
gives the group its strength. In our opinion, 
each of them is truly outstanding in his or her 
own way.” 


New Division 
5 Risborough Street 


SW11-based illustrationRGB represents leading 
new media artists in Web, broadcast, video and 
multimedia needs. 


London 

SE1 OHF 

[w] www.newdivision.com 

[t] 020 7593 0505 

New Division claims to house an eclectic mix 
of styles which use both traditional and 
high-tech methods and offer innovative 
solutions to a diverse clientele. At the time of 
writing, the agency has over over 30 
illustrators on its books. 


Thorogood Illustration 


5 Dryden Street 

London 

WC2E SNW 

[w] www.thorogood.net 

[t] 020 7829 8468 

With illustrators on the books who have 
worked for the likes of such big players as 
Sony and Heinz, Thorogood Illustration 
seems to be an agency to join if you want to 
snap up some top commissions. 30 
international illustrators are working in the 
fields of advertising, publishing, editorial, 
animation and television. 


Debut Art 

30 Tottenham Street 

London 

WIT4RJ 

[w] www.debutart.co.uk 

[t] 020 7636 7478 

Debut Art has been representing 
photographers, illustrators and fine artists 
since 1995. Among these is Jacey - the artist 
responsible for the Posercover image on 
issue 67 of Computer Arts. 


The Figure Company 

The Art Studio 

Darnholme Crescent 

Messingham 

Northeast Lincs 

DNI17 3SL 

[w] www.figure.co.uk 

[t] 01724 761550 

The Figure Company specialises in 
cartoon and stylised artwork. The agency is 
relatively new but has received many 
commissions from the book, advertising, 
music and film industries. 


Heart 


Top Floor 

100 De Beauvoir Rd 

London 

N14EN 

[w] www.heartagency.com 

[t] 020 7254 5558 

Co-founded in 1994 by Computer Arts’ 
contributer Lawrence Zeegen, Heart has 
established itself as the home of the most 
contemporary and cutting edge graphic 
artists in the country. 


Deciding whether or not you need an 
agent to represent you depends on many 
factors. First you have to consider the sort 
of work you want: do you want to work for 
ad agencies, corporations or magazines? 


Certain agents will bring you more 
corporate work, some will bring you more 
editorial work, and so on. You also have to 
consider how good your personal 
promotional strategy is and perhaps most 


importantly, if you really want someone to 
take a cut of your wages... 

There are benefits in having an agent 
though — good agencies will go and pitch 
for jobs you would never have dreamt of 
getting. These are the kind that are worth 
their weight in gold. If you're extremely 
busy and constantly in demand they can 
also help with the finanancial, legal and 
scheduling side of things. 
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Platform Price Company Issue Verdict 


In an ideal world, Illustrators and 


Photoshop 6 PC/Mac £469 Adobe www.adobe.com 52 EXESEDEE 


: bers An abundance of high-quality colour correction, image manipulation and selection tools make it the industry's favourite for design and 
piece of relevant software and fig production. Among the new features are a re-worked interface, better Type tool, vector shapes and layer styles. Essential for any digital artist, 


hardware under the sun. 


digital artists would have every 


Painter 7 PC/Mac £300  Procreate www.procreate.com 62 ERESE3ES 


Re-branded and revamped, the natural media package boasts a painterly toolset like no other in the industry. New features such as the 
super-realistic Watercolour tools and the gloopy Liquid Ink brush make for an excellent upgrade to an already superb application. 


However, as we all know, 
illustration, and in fact, creative 


software in general, is not that 


Paint Shop Pro 7 PC £94 __ Digital Workshop www. jasc.com 51° BREESE? 


A feature-rich and powerful photo-editing, paint and vector art program for less than £100. PSP 7 is at first glance a bargain that any digital artist 
or illustrator would be mad to miss. The only problem is that the app is rather sluggish when dealing with larger files. 


cheap. At the heart of a digital 
illustrator’s toolbox is usually one of 


two products; Macromedia 
FreeHand 10 PC/Mac £328 Macromedia www.macromedia.com 58 — 


One of the two industry-standard vector apps (the other being //lustrator), FreeHand 10 has a variety of excellent print and Web-based tools. In 
addition to new tools and enhanced Flash export, the interface echoes that of Macromedia's other Web tools (Dreamweaver, Flash and so on). 


FreeHand or Adobe Illustrator. 
Between the two of them, in terms 


of functionality and feature sets, 
Illustrator 10 PC/Mac £387 Adobe www.adobe.com 6 EXE 


It’s still not a multi-page program, but this 2D vector drawing software offers innovative Symbol tools, powerful envelope features and good 
Web image-slicing. Still the best for reliable PostScript-clean EPS output and for versatile transparency and feathering. 


there's not much in it. 

Whereas FreeHand 10 has an 
excellent Perspective Grid tool and 
CorelDRAW 10 PC/Mac £420 Corel www.corel.com 52 


Comprising of DRAW (vector graphics), Photo-Paint (bitmap editing) and RAVE (SWF animation), Core[DRAW 10 is certainly a good-value suite 
of graphics apps. The main app, DRAW, has possibly the best texture fill effects you'll find in any graphics package. 


a neat Contour Gradient feature, 
Illustrator 10 has an excellent array 


of Symbols tools and native support 
Expression 2 PC/Mac $149 Creature House www.creaturehouse.com56 = EEQE SESE 


Enabling you to paint vector-based editable strokes, Expression was a revolution when released in 1996. The package has been reborn, with 
version 2 bringing a new rendering engine and rehashed UI. Tricky to use at first, but an exciting and refreshingly different application, 


for transparency. 


In the past, FreeHand has been 


the choice of designers and 
Canvas 8 PC/Mac $400 Deneba www.deneba.com 61 «= ESEDEDED 


An integrated vector illustration, 2D bitmap editing, DTP and Web application, Canvas certainly sounds like a tempting proposition. In reality, 
Canvas lacks the power that separate apps can bring to your workflow, but nevertheless is a useful and easy-to-use package. 


illustrators wanting excellent 


typographic controls — /llustrator 


is still behind in terms of 


Illustrator however (as the 
3D-Tiger 1.1 PC/Mac $199 Elysium www.hotdoor.com 59 EES 


3D-Tiger is a plug-in for ///ustrator that enables you to import and manipulate 3D models. This version supports DXF, DWG, OBJ, VRML, IGES, 
STL and VXL formats. Easy-to-use, and you can export models as paths or a rasterised mesh. One of the most useful vector plug-ins in a while. 


Hot Door Perspective PC/Mac $159 Hot Door www.hotdoor.com 59 Bk idud 
In order to bring some perspective functionality to ///ustrator (as in FreeHand), Hot Door released this intuitive plug-in. Although not as polished 
as FreeHand's grid system, the plug-in offers complete control over perspective grids via an easy-to-navigate palette. 

SymmetryWorks PC/Mac $125 Artlandia wwwaartlandia.com 59 ESESEIE 
For those needing to produce symmetrical patterns in I//ustrator without the rigmarole of duplicating and transforming, SymmetryWorks is a 
godsend. This plug-in is certainly aimed at a niche market, but is nevertheless extremely easy to use. 

FILTERIT 4 PC/Mac $129 CValley www.cvalley.com 59 EREDESED 


Allin all, this is probably the most comprehensive and diverse set of ///ustrator plug-ins available, containing 13 live effects. Although some of the 
appeal will be taken away by the inclusion of ///ustrator 10's new live distort tools, FILTERIT is a great-value package. 


name suggests) offers perfect 
gradient fills, and aclean 
anti-aliased preview - making it 
excellent for those after a touch 
more creative control. 

Ultimately we can't decide for 
you, only lend a helping hand. Take 
a look at the list below; this is 
essential kit for any illustrator... 


e Pencil 

¢ Paper 

e Scanner 

e Illustrator 10 
or FreeHand 10 
e Photoshop 6 

¢ Graphics tablet 


Sapphire Pack 4 PC/Mac £35 Sapphire Innovations — www.sapphire-innovations.com 59 EE 3595 


Sapphire's back, this time with a handful of neat plug-ins and tools for ///ustrator users. Among the best in the pack are the Rows and Columns 
tools and the Drag tool. At £3.50 per tool, this Sapphire Pack 4 is indisputably a bargain. 


Vector Studio PC/Mac $129 Virtual Mirror www.virtualmirror.com CAS15 — 35 35 36 3e"" 


Made up of six //lustrator plug-ins, Vector Studio from Virtual Mirror is a superb and well-presented package. Envelope meshes (a touch 
redundant now, considering /I/ustrator 10's new envelope features), Morph brushes and Gradient textures are just part of a superb bundle. 
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KPT Vector Effects 1.5 PC/Mac £129 CU www.computersunlimited.co.uk CAST5 ESE SE 353 


Aiming to put a different slant on your vector creations, KPT Vector Effects enables you to extrude, transform and tweak colours in ways that 
would be extremely time-consuming in //lustrator alone. 


3D Words PC/Mac $99 Vertigo www.vertigo3d.com CAS15 E3353 


3D Words is a simple plug-in enabling you to run 3D text along a path. Extrude your text and place it on a path within an intuitive interface. It's a 
shame that shaded areas are made up by objects rather than gradients, but this is nevertheless an effective way of creating 3D vector text effects. 


CADtools 2.1 PC/Mac $199 Hot Door www.hotdoor.com CAS15 EZESESED 


CADtools aims to take the pain out of creating technical drawings in //lustrator. For users not wanting to shell out thousands on a CAD package, 
this plug-in provides a great toolset and is intuitive in its workflow. A good buy for those designers needing CAD functionality. 


3D Popart PC/Mac $39 Vertigo www.vertigo3d.com  CASI5E3E3E3 


Not exactly a complex plug-in, or one with much substance, 3D Popart is simply for extruding objects directly on your Illustrator page. As with 
3D Words, shaded areas are generated as multiple objects, making for hefty file sizes. 


boostX PC/Mac $149 Barco http://dtp.barco.com CAS1I5E3E3E3E3 


Rather than building on /Ilustrator's creative tools, boostX provides many productivity-enhancing tools. These include the Area Select tool, a Dust 
Select tool for only selecting objects of a certain size, and the Crosshair dialog, bringing diagonal guides to /I/ustrator. 


checkX-omni PC/Mac $649 Barco http://dtp.barco.com — CAS15 EERE 


checkX-omni is a plug-in that's intended to prevent output disasters, and is basically a preflighter for ///ustrator. What it does, it does well, and 
our only real gripe is that at $649, the product is overpriced. 


MAPublisher 4.0 PC/Mac £581 Avenza www.avenza.com 59 He He HE Se 


Available for both FreeHand and Illustrator, MAPublisher is a turbo-charged plug-in that cartographers everywhere should at least take a peak 
at, Tons of tools for creating accurate maps within II/ustrator or FreeHand are on offer here ~ including the ability to import saved GIS data. 


Hardware 


Canon BJ-W9000 PC/Mac £10,570 Canon www.canon.com 63 We He He He ie 
The top-of-the-range model in Canon's line of large-format printers, the BJ-W9000 is capable of 1200x600dpi resolution, using six colours with 
12 printheads on media up to a width of 43-inches. Some of the best output we've ever seen with superb tonal representation. 

Epson Stylus Pro 10000 PC/Mac £8806 Epson www.epson.com 63 §=- ESEDEDERE 
Being famous for the print quality of its desktop printers, Epson has carried its 1440dpi resolution technology over to the Stylus Pro 10000. 
Connection comes in the form of a standard parallel port, or via USB or FireWire. To sum it up: quality graphics output on a wide range of media. 
= Epson Stylus Pro5500 PC/Mac £2755 Epson www.epson.com 57 

The Stylus Pro is a high-speed inkjet that uses long-lasting pigment and prints an A3+ full page, high-quality image in a nippy seven minutes. This 
versatile printer comes with a paper bin as standard and can cope with a wide range of media. Well worth a look. 

HP DesignJet 20PS PC/Mac £1236 Hewlett-Packard www.hp.com 64 «=EStokots 


The DesignJet 20PS offers superb quality, a six-colour print process, 2400x1200dpi resolution and a print speed of four minutes for a best-quality 
image. It also supports the Pantone colour profile, enabling it to reproduce over 90 per cent of the Pantone spot colours. A great A3 printer. 


NEC FE1250+ PC/Mac £575 NEC www.nec-mitsubishi.com 66 CEBEBEDE 


Sacrificing such refinements as a USB hub and multiple inputs, the NEC FE1250+ nevertheless proves to be an excellent monitor for those after a 
large screen for little cash. Cleanly styled, with simple, ergonomic controls and a perfectly flat Mitsubishi tube, this display is a bargain. 


Sony FW900 PC/Mac £1409 Sony www.sony-cp.com 6 DDE 
Sony claims the FW900 is the world's first 24-inch widescreen Trinitron monitor. Whether or not this is true, it's one fine piece of kit. Colours are 
superb, connectivity is excellent (in the form of a five-port USB hub) and you can run apps at 16:10. If you have the cash, get one. 

Sony E530 PC/Mac £645 Sony www.sony-cp.com 67. EEX 


With great styling, intuitive menu controls and a top-quality picture, the Sony E530 proves to be great value for money. In short, if you need a 
21-incher and want the gorgeous display quality that a Trinitron tube has to offer, as cheaply as possible, the E530 should be considered. 


Fujifilm FineScan 2750 Mac £7637 Fujifilm www. fujifilm.co.uk/gs 62 E3ERE3E3| 


The FineScan 2750 offers prepress-quality output at a reasonable price (especially when you consider drum scanners can cost up to £50, 000). 
For pro-quality output at up to 7500dpi combined with sublime ease of use, this is the best scanner within this price bracket. 


Microtek ScanMaker 8700 PC/Mac £800 Microtek www.microtek.com 59 = ESEDERDESE 


The ScanMaker 8700 carries on Microtek’s fine tradition of producing top-quality A4 scanners with truly professional features. Glassless 
transparency scanning coupled with excellent scanning speed and FireWire connectivity add up to one classy device. 


Expression 1680 Pro PC/Mac £1009 Epson www.epson.co.uk 60 EJEDEDEDE 


With a dynamic range of 3.6, 1600x3200dpi and an excellent bundle of software, the A4 Expression 1680 Pro somewhat signifies Epson's leap 
into the pro scanner market. A supplied transparency unit adds to the appeal, the only downfall being that the whole package is rather bulky. 
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The Future Network 


The most in-depth coverage you'll find on Adobe's 
image editing application — tutorials, tips, secrets... 


¢ Creating your own Photoshop plug-ins: a guide 
¢ Photoshop and 5th colours, plus tips on adjustment layers 
¢ Scanography: a new Photoshop technique explored 


Onsale Thursday 14 March 
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Illustrator 10 


The industry -shorehsrd rapes sofemtre 


Win up to £1000 
of Adobe software 


Designed to stretch your creativity, Adobe® Illustrator® 10 is a treasure that opens up a whole new world of possibility. 
Explore the future of vector graphics with groundbreaking creative options and powerful tools for efficiently publishing 
artwork on the Web, in print and everywhere. Produce superb Web graphics using symbols and innovative slicing options. 
Develop creative ideas with live distortion tools and publish in record time with dynamic data-driven graphics and other 
new productivity features. Get Adobe Illustrator 10 today and see how you can take your work anywhere and everywhere. 


Enter the Adobe Illustrator 10 competition for your chance to win up to £1000° of Adobe software by 
visiting www.adobe.co.uk/illustrator-ca before the 31st December 2001. 


©2001 Adobe Systems Incorporated. All rights reserved. Adobe, the Adobe Logo, tagline ‘Everywhere you look’ and Adobe Illustrator 10 are either registered trademarks or trademarks of 
Adobe Systems Incorporated in the United States and/or other countries. *Full terms and conditions of the Illustrator 10 competition can be found on www.adobe.co.uk/illustrator-ca. 
Ist prize is a choice from one of the the Adobe Collections worth up to £1000. 2nd prize is a copy of Adobe Illustrator 10. No purchase necessary. 


MORE GREAT PRINTING 
SOLUTIONS FROM XANTE: 


XANTE ACCEL-A-WRITER 3N/3NG 


INA COLOURLASER 21 ge. 


Office and Network Printing 
Resolutions up to 1200 dpi 
Output up to 330mm x 469mm 
Graphics Kit: Densitometer Support, 
Halftone Calibration and X-ACT 


BRPATOM...cisseucs £1 399” 


XANTE FILMMAKER 


STAR RATING 


\Q 


a * 


lOlO 


Computer to Film Technology 
Resolutions up to 2400 dpi 
Output up to 330mm x 900mm 
Prints clear and matt film 


Advanced options for film users 


RRP from........L3299™ 


en tie Loca toull XANTE COLOURLASER 
XANTE COLOURLASER 21 
XANTE's new ColourLaser 21 combines the quality and reliability of XANTE's colour expertise 


with ultra high speed printing - resulting in the perfect colour workhorse solution. Finally — great 


colour at a great speed! Just take'a look at what you'll receive with the XANTE ColourLaser 21: ; 
Photo Quality Colour Output 


High volume, high performance XANTE's colour management Resolutions up to 1200 dpi 

= Oversized printing up to305mm x 900mm Low cost-per-page Output up to 330mm x 482mm 
Optional duplexing capabilities 21 colour pages per minute XANTE's colour management software 
Genuine 1200 x 1200dpi 26 mono pages per minute Fast RISC processing 
Genuine Adobe PostScript Level 3 RIP And much more! Ganbnne Calibrate 

RRP ThOM....c:... £5999” RRP from........... £2899” 


Enter online for your chance to win a FREE ColourLaser 21!! - www.xante.com 
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